smoothScroll.js 平滑滚动脚本开源项目

我要开发同款
匿名用户2015年12月25日
39阅读
开发技术JavaScriptHTML/CSS
所属分类常用JavaScript包、Web应用开发
授权协议MIT

作品详情

smoothScroll.js是极小的,符合标准的平滑滚动脚本,无依赖,支持Firefox,Chrome,IE10,Opera和Safari。

smoothScroll将所有内部链接绑定到一个处理程序,该处理程序将平滑滚动到其目标,而不是立即跳转。它还返回一个API,您可以使用该API自己调用平滑滚动。

不支持的浏览器将仅使用正常的内部链接行为。

使用:

<script type="text/javascript" src="path/to/smoothscroll.min.js"></script>

示例:

var smoothScroll = require('smoothscroll');var exampleBtn = document.querySelector('.example-button');var exampleDestination = document.querySelector('.example-destination');// This function can easily be an onClick handler in React componentsvar handleClick = function(event) {  event.preventDefault();  smoothScroll(exampleDestination);};exampleBtn.addEventListener('click', handleClick);
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论