jquery 实现平滑无缝上滚
要使用jQuery实现平滑无缝上滚，可以使用animate()方法结合scrollTop属性。以下是一个简单的例子：
HTML部分：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>平滑滚动示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<button id="scrollToTop">回到顶部</button>
<!-- 模拟长内容 -->
<div style="height: 2000px;"></div>
<script>
$(document).ready(function(){
$("#scrollToTop").click(function(){
$("html, body").animate({scrollTop: 0}, 500);
});
});
</script>
</body>
</html>在这个例子中，当点击按钮时，页面会平滑滚动到顶部。animate方法中的第二个参数500是动画持续时间，单位是毫秒。
评论已关闭