coding主页效果
原本把问题问得很长很长
想想没什么必要
就简单问问题就好
coding主页的效果(未登陆)
点击位于页面右方的点能到页面指定的区域,带滚动动画
这个大概能想到怎么做
问题是怎样实现用鼠标滑轮滚动时也实现同样的效果?
coding首页
展开
收起
1
条回答
写回答
写回答
-
有个插件叫 FullPage.js，你可以用这个轮子。
当然，自己实现这个轮子也很简单。
每个页面都设置一个 id，每个点都是，然后其 href 就设置为 '#' + 对应页面的id
比如用 jQuery 对这些 a 标签绑定一个 click 事件，用 event.preventDefault() 去掉点击马上跳过去的功能，然后用 jQuery 的 animate() 去控制滚动条就好了。
$("a").on('click', function(event){
var $anchor = $(this); $("html, body").stop().animate({ scrollTop: $($anchor.attr('href')).offset().top }, 600); event.preventDefault();});
鼠标点击大概就是这个思路。鼠标滚轮其实也差不多的思路。
2019-07-17 19:16:08赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
