你看,有些时候我无法滚动到页面的底部(有时候它也会在中间发生)。这是一个截图:
为什么会这样?我不能创建一个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%
答案 0 :(得分:0)
之前我在几个网站上看到过这个问题。将缩放级别设置为100%,以便滚动到页面底部。
通常当缩放不等于100%时,会显示未显示的部分行,因此网站认为您没有显示页面底部,因此无法获取其余内容或更新滚动条正确。
答案 1 :(得分:0)
我认为您应该指定body
和html
的高度,因为我知道滚动插件需要它,所以
body, html {
height: 100%;
}
如果这不能解决您的问题,您可以使用 Nice Scrolling Plugin ,它具有很多属性,而且记录非常好。
希望这会对你有所帮助。