Javascript jQuery自动滚动滚动条
有没有什么方法可以通过jQuery在任何HTML元素上触发滚动条的向下滚动和向上滚动Javascript jQuery自动滚动滚动条,javascript,jquery,html,scrollbar,Javascript,Jquery,Html,Scrollbar,有没有什么方法可以通过jQuery在任何HTML元素上触发滚动条的向下滚动和向上滚动 我的页面上有一些div,我想用jQuery向下/向上滚动其中一个div滚动条。我想这就是你想要的: $("#button").click(function (){$('html, body').animate({scrollTop: $("#ScrolltothisID").offset().top}, 500 <-- time in MS);}); 如果您用id按钮单击一个元素,它将向下滚动到Scro
我的页面上有一些div,我想用jQuery向下/向上滚动其中一个div滚动条。我想这就是你想要的:
$("#button").click(function (){$('html, body').animate({scrollTop: $("#ScrolltothisID").offset().top}, 500 <-- time in MS);});
如果您用id按钮单击一个元素,它将向下滚动到ScrolltothisID如果我没有弄错,那么您可能希望在div中滚动 下面是一个例子: 基本守则:
$("#your_div_to_scroll_into").animate({scrollTop:[scroll amount]},[scroll time]);
$sDiv1.clickfunction{
$div1.动画{scrollTop:1000},3000;
};
$sDiv2.clickfunction{
$div2.动画{scrollTop:500},1000;
};
第一组
文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
第2组
文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
检查JSFIDLE:
您可以更改scrollTop属性,这是scrolling所做的
$(document).on('click','.searchByDiv', function(event) {
var targetDiv = "#" + this.getAttribute('data-target');
$('html, body').animate({
scrollTop: $(targetDiv).offset().top
}, 1000);
});