大数据最新轻松学习jQuery控制DOM_jquery平滑显示指定dom
// 假设我们有一个按钮和一个需要平滑显示的DOM元素
<button id="scrollToElement">点击滚动到内容</button>
...
<div id="contentToShow">这里是需要平滑显示的内容</div>
// jQuery 代码用于监听按钮点击事件并平滑滚动到指定元素
$(document).ready(function() {
$('#scrollToElement').click(function() {
$('html, body').animate({
scrollTop: $('#contentToShow').offset().top
}, 1000); // 1000 毫秒代表动画执行的时长
});
});
这段代码使用jQuery监听按钮的点击事件,并在点击时平滑滚动到页面上的指定元素。animate
方法用于创建自定义动画,scrollTop
属性用于设置页面滚动到的位置。offset().top
获取元素的上边缘相对于文档的偏移量。
评论已关闭