2016-08-01 82 views
2

您会看到,出于某些原因,我无法滚动到页面底部(有时它也发生在中间)。下面是截图:我无法滚动到底部

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

,“柳暗花明又一村”是主容器中,我写道:

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

我一直在想,我发现,当我在做这件事,我希望它有一个平滑滚动,所以我用了smoothWheel plugin因为它很容易ŧ o使用,因为我是编程新手,这似乎是一种魅力。然而,居代码之后我写道:

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

初始化它,虽然它的工作原理,它是当这个插件是活动的,我有这个问题。如果我评论该行代码并保持正常滚动,则不会发生所描述的问题。至于其中一个意见,是的,变焦已经在100%

+2

屏幕截图没有提供足够的信息来诊断此问题。尝试创建一个[最小,完整和可验证的示例](http://stackoverflow.com/help/mcve),以便我们继续下去。 (虽然在创建示例中,您可以自己解决问题。) – nnnnnn

+0

您是否试图在多个浏览器中重现它? – Capo

+0

你将不得不张贴一些代码,因为它必须在你的CSS或JS中......你如何认为任何人甚至开始解决这个问题,只看到一个图像? – TheThirdMan

回答

0

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

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

+0

我是100%我认为它与我在更新中提到的插件有关 – Caro

0

我想你应该指定高度bodyhtml因为作为我所知滚动插件需要这一点,所以

body, html { 
    height: 100%; 
} 

如果这一点儿也不解决您的问题,你可以使用Nice Scrolling Plugin这有很多的属性,也有很好记录

希望这可以帮助你。