[英]How to scroll to the particular div using jquery or javascript
我想使用jquery滚动到特定的div
我写的代码如下:
$("#button").on('click',function(){
var p = $("#dynamictabstrp");
var offset = p.offset();
window.scrollBy(offset.left, offset.top);
});
但它没有转向div的位置。 我怎么能在jquery或javascript中做到这一点
试试这个
$("#button").on('click',function() {
$('html, body').animate({
'scrollTop' : $("#dynamictabstrp").position().top
});
});
尝试
$(window).scrollTop($('#dynamictabstrp').offset().top);
document.getElementById('dynamictabstrp').scrollIntoView(true);
要么
document.getElementById('dynamictabstrp').scrollIntoView(true);
这是代码: -
$(document).ready(function (){
$("#button").on('click',function(){
$('html, body').animate({
scrollTop: $("#dynamictabstrp").offset().top
}, 1000);
});
});
要么
$(document).ready(function (){
$("#button").click(function(){
$('html, body').animate({
scrollTop: $("#dynamictabstrp").offset().top
}, 1000);
});
});
试试这个简单的脚本。 使用您的特定div ID或Class更改#targetDiv
。
$('html,body').animate({
scrollTop: $('#targetDiv').offset().top
}, 1000);
源代码和现场演示可以在这里找到 - 使用jQuery平滑滚动到div
您可以根据需要设置偏移量
jQuery(document).ready(function(){
function secOffset(){
jQuery('html, body').animate({
scrollTop: jQuery(window.location.hash).offset().top - 60
}, 0);
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.