Javascript 无法滚动到div的底部
我尝试了网络上所有可用的方法,但在单击元素时无法滚动到div的底部 但是我可以在手动滚动div时确定底部。请帮我自动滚动到div的底部 确定滚动时div的底部 尝试自动滚动到底部: 1)Javascript 无法滚动到div的底部,javascript,jquery,Javascript,Jquery,我尝试了网络上所有可用的方法,但在单击元素时无法滚动到div的底部 但是我可以在手动滚动div时确定底部。请帮我自动滚动到div的底部 确定滚动时div的底部 尝试自动滚动到底部: 1) $('.ckit-container\uuuu bd').scrollTop($('.ckit-container\uu bd').offset().top) (二) (三) DOM结构: 滚动将在显示窗口中工作 像div这样的元素不是显示窗口,因此即使底部位置有效,滚动也无效 也许你可以试着这样想——滚动意味
$('.ckit-container\uuuu bd').scrollTop($('.ckit-container\uu bd').offset().top)代码>
(二)
(三)
DOM结构:
滚动将在显示窗口中工作
像div这样的元素不是显示窗口,因此即使底部位置有效,滚动也无效
也许你可以试着这样想——滚动意味着元素移动。一个元素[div]作为包装和样式属性[overflow:hidden],一个元素[div]在其中,并移动内部元素[div]以实现滚动功能
希望能对您有所帮助。我通过将scrollTopvalue从0更改为20000来修复此问题
$('.ckit-container__bd').animate({scrollTop: 20000}, 2000);
$(“按钮”)。在(“单击”,函数(){
var$sc=$(“#可滚动”);//存储元素引用
$sc.stop().animate({
scrollTop:$sc[0]。scrollHeight-$sc[0]。clientHeight
}, 800);
});代码>
#可滚动{高度:150px;宽度:200px;溢出:自动;}
p{高度:500px;边框:2px虚线#000;}
滚动到底部
您可能会从这次展示您的html中得到一些想法code@TheMechanic,我在上面的帖子中添加了DOM结构作为图像..注意,这个类的div有scrollbar.ckit-container\uu bd,我需要到达这个div的底部。我已经有了内部元素,即.ckit-container\uu bd和wrapper..但它没有到达底部。可能只是前几次它会自动滚动,但在那之后它不会20000
,这几乎是一个很好的修复:)
$(".ckit-container__bd").animate({
scrollTop: $('.ckit-container__bd')[0].scrollHeight - $('.ckit-container__bd')[0].clientHeight
}, 1000);
var objDiv = document.getElementsByClassName("ckit-container__bd");
objDiv.scrollTop = objDiv.scrollHeight;
$('.ckit-container__bd').animate({scrollTop: 20000}, 2000);