最近发现这种效果很流行,自己也写一个,以后应该能用上。
技术重点应该就是鼠标滚轮的兼容性写法那里,因为jquery没有封装鼠标滚轮事件,用原生JS写的话每个浏览器的标准都不一样,很麻烦。
右侧边栏按钮点击滚动页面的效果就是普通的图片滚动展示效果而已,没什么难度。
下面是代码,我都放在一个页面里面,为了可以直接运行看效果。

提示:你可以先修改部分代码再运行。

转载请注明来自:爱前端

4 thoughts on “鼠标滚轮控制页面滚动(模仿苹果官网iPhone5s的滚屏动画实例)

  1. 此程序有bug,当按顺序1,2,3点击时没有问题,可如果随机点击的时候,页面就有一空白处一闪,希望作者能够解决此问题。

  2. 你好 刘工 我对代码不大熟悉 但是近期用到了你编写的代码
    我出现了一个问题
    http://www.ahimg.com/test/index.php
    这个就是 你的代码
    我发现 如果所在位置是1 用鼠标点 右侧的小点 点3或者4或者5 都会闪白后 无法继续载入了
    不知道这是为何。。。但是我发现在你的本地 点运行 就没有这个问题
    我是完整复制 并没有修改程序 请问怎么解决?

  3. 如果说加入导航条每个栏目和每个box对应,动作是不是和点击小点点是一样的,,,还有就是跨box之间动画过度是白色的要怎么改过度动画效果

发表评论

电子邮件地址不会被公开。 必填项已用*标注