Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法滚动到div的底部_Javascript_Jquery - Fatal编程技术网

Javascript 无法滚动到div的底部

Javascript 无法滚动到div的底部,javascript,jquery,Javascript,Jquery,我尝试了网络上所有可用的方法,但在单击元素时无法滚动到div的底部 但是我可以在手动滚动div时确定底部。请帮我自动滚动到div的底部 确定滚动时div的底部 尝试自动滚动到底部: 1) $('.ckit-container\uuuu bd').scrollTop($('.ckit-container\uu bd').offset().top) (二) (三) DOM结构: 滚动将在显示窗口中工作 像div这样的元素不是显示窗口,因此即使底部位置有效,滚动也无效 也许你可以试着这样想——滚动意味

我尝试了网络上所有可用的方法,但在单击元素时无法滚动到div的底部

但是我可以在手动滚动div时确定底部。请帮我自动滚动到div的底部

确定滚动时div的底部

尝试自动滚动到底部:

1)
$('.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);