2016-08-01 86 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這有很多的屬性,也有很好記錄

希望這可以幫助你。