2024年最新轻松学习jQuery控制DOM_jquery平滑显示指定dom，怒肝三个月啃完这110道面试题
// 假设我们有一个按钮和一个需要平滑显示的DOM元素
<button id="scrollToElement">点击平滑滚动到元素</button>
<div id="someElement" style="margin-top: 500px;">这是需要平滑滚动到的元素</div>
// jQuery 代码
$(document).ready(function() {
$('#scrollToElement').click(function() {
$('html, body').animate({
scrollTop: $('#someElement').offset().top
}, 1000); // 1000 毫秒内完成滚动
});
});这段代码使用jQuery库中的animate方法和scrollTop属性，在点击按钮后平滑滚动到指定的DOM元素。$('#someElement').offset().top计算了元素的顶部距离文档顶部的距离，animate方法则负责执行平滑滚动动画。
评论已关闭