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);
评论