jQuery鼠标每次滚动整个窗口，就像aplle iphone5网站一样

jQuery Mouse scrolling entire windows every scroll, like aplle iphone5 website

本文关键字：网站 iphone5 aplle 一样 就像 鼠标 滚动 窗口 jQuery      更新时间：2023-09-26

有谁知道如何像在这个网站中那样设置窗口的 100% 滚动？

我有一个垂直滚动的网站，每个

都设置为li100%宽度和100&height，我有一个锚系统，允许我直接从一张幻灯片滚动到另一张幻灯片，使用每个

您可以使用整页.js。它完全符合您的需求。此外，它与旧浏览器兼容，例如Internet Explorer 8,9...

  • 演示
  • 页

这是相当完整的。您可以添加菜单，更改滚动缓动，速度，使用箭头移动，使其循环...

您可以从 github 存储库下载它。

我会将具有绝对定位的网站正文 100% x 100%（填充浏览器窗口）放入其中div 与真实的网站内容并禁用滚动（溢出隐藏），然后通过收听 onmousewheel 事件（以及触摸设备的触摸事件）管理站点 - 我会为每个"帧"制作 5 组 css 规则，并带有过渡以使其看起来"流畅"。事实上，它可以很好地使用 css - 所以你实际上只需要更改一个类 - 这个div 的类与真实站点"滚动"它通过视口。子元素可以具有父级依赖的 css，例如：

.pictureA{
  position:absolute;
  transition:all 0.5s;
}
.realBody_0 .pictureA{
  left:-50%;
}
.realBody_1 .pictureA{
  left:0;
}

假设 5 个鼠标滚轮事件将带有内容类的div 更改为 realBody_1。（OFC 向上/向下计数轮以正确管理它）

相关文章：