smoothScroll.js平滑滚动脚本

联合创作 · 2023-09-22 05:22

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);
浏览 11
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报