我无法滚动到底部

时间:2016-08-01 21:39:56

标签: javascript jquery css

你看,有些时候我无法滚动到页面的底部(有时候它也会在中间发生)。这是一个截图:

enter image description here 为什么会这样?我不能创建一个jsfiddle,因为我无法重现它,因为有时当我重新加载我有这个问题,有时它工作正常......它以随机的方式发生。我不知道是什么原因引起的。它只是在到达底部之前停止滚动。我知道这可能被归类为一个悬而未决的问题,但我只是想看看,如果有人遇到这个问题。任何建议都表示赞赏..

已更新 好的,这是我在CSS中用来设置滚动条和滚动样式的代码:

body 
{
    scrollbar-face-color: rgb(0,131,168);
    scrollbar-track-color: rgba(0,131,168,0.8);
    scrollbar-arrow-color: rgba(0,131,168,0.5);
    scrollbar-shadow-color: rgb(0,131,168);
}
::-webkit-scrollbar-track 
{
    background-color: rgba(0,131,168,0.5);
} 
::-webkit-scrollbar 
{
    width: 5px;
}
::-webkit-scrollbar-thumb 
{
    background-color: rgb(0,131,168);
}

在javascript中,“vista”是主要容器,我写道:

    var vistaProfesional = document.getElementById('vista');
    vistaProfesional.style.overflow = "auto";
    vistaProfesional.style.overflowX = "hidden";
    vistaProfesional.style.height = 100 + '%';

我一直在想,而且我发现,当我做整件事时,我希望它有一个平滑的滚动,因此我使用了smoothWheel plugin,因为它易于使用,因为我是编程新手似乎很有魅力。但是,在代码居住后我写道:

 $("#vista").smoothWheel();

初始化它虽然它有效,但是当这个插件处于活动状态时,我遇到了这个问题。如果我评论该行代码并保持正常滚动,则不会出现所描述的问题。至于其中一条评论,是的,缩放已经是100%

2 个答案:

答案 0 :(得分:0)

之前我在几个网站上看到过这个问题。将缩放级别设置为100%,以便滚动到页面底部。

通常当缩放不等于100%时,会显示未显示的部分行,因此网站认为您没有显示页面底部,因此无法获取其余内容或更新滚动条正确。

答案 1 :(得分:0)

我认为您应该指定bodyhtml的高度,因为我知道滚动插件需要它,所以

body, html {
    height: 100%;
}

如果这不能解决您的问题,您可以使用 Nice Scrolling Plugin ,它具有很多属性,而且记录非常好。

希望这会对你有所帮助。