smoothScroll.js平滑滚动脚本
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 components var handleClick = function(event) { event.preventDefault(); smoothScroll(exampleDestination); }; exampleBtn.addEventListener('click', handleClick);
评论