移动端特效问题

发布于 2022-09-11 14:50:03 字数 236 浏览 22 评论 0

https://www.apple.com/cn/ios/...

苹果官网在手机端观看的滑动特效问题。

在f12的时候,发现各个<session>标签的z-index属性为从大到小排列,但是没有什么思路,希望各位大佬给一点思路或者一些网站资料。自己没有搜到这一部分,麻烦各位了,谢谢

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

暗藏城府 2022-09-18 14:50:04

你可以找找视差滚动方面的例子,也可以用一些插件来辅助完成

谁对谁错谁最难过 2022-09-18 14:50:04

之前有弄过一个网站

.box {
    width: 800px;
    height: 1200px;
    background-image: url(./a.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

<div class="box"></div>

关键是这个background-attachment: fixed 属性,这是设置固定的背景图像,你试一试就能看出效果了

儭儭莪哋寶赑 2022-09-18 14:50:03

看了下,好像是粘性定位。

可以研究下粘性定位的Polyfill,有Demo可以看,按照文档的用法自己试试吧。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文