jquery window.scrollTo導致頁面凍結

我正在重新設計一個網站，當用戶開始滾動時，需要將100％的屏幕高度標題縮小到0px。我遇到的問題是標題縮小到0px後，頁面內容略高於窗口頂部。我已經嘗試使用「window.scrollTo（0,0）」標題縮小後，這工作，除了我不能後滾動任何東西。我的頁面卡在頂部？演示 - >http://test-sandbox.000webhostapp.com jquery window.scrollTo導致頁面凍結

有沒有人有建議如何讓頁面保持滾動？或者，也許有一種方法來標題的動畫，以便內容不會越過頁面的頂部？

來源

2017-01-13 GRRRilla Ninja

如果您需要幫助，請在此處發佈您的代碼。 – Barmar

HTML ----> http://pastebin.com/mLaJzgvy CSS ----> http://pastebin.com/UQbnyQL7 –

「這裏」是指你將代碼放在帖子中，而不是鏈接到外部現場。 – Barmar

看起來這是因爲當您滾動並縮小標題的高度爲0時，div #headerlogo的高度設置爲160px。將高度設置爲150px對我來說是這樣。我在Chrome中測試了它，它運行良好。您提供的代碼在Firefox中應該像它應該那樣工作，並且在IE中轉換運行異常。您應該爲所有瀏覽器添加適當的轉換聲明。

-webkit-transition: background-color 500ms ease-out 1s; 
    -moz-transition: background-color 500ms ease-out 1s; 
    -o-transition: background-color 500ms ease-out 1s; 
    transition: background-color 500ms ease-out 1s;

來源

2017-01-13 20:50:02 Vcasso

提供的代碼工作正常並且#headerlogo完全處於屏幕頂部的視野中，供您使用？我用160px作爲黑客，因爲這是我的鼠標每次滾動鼠標時滾動鼠標的方式。 –

是的，只在Firefox中。在Chrome中，有額外的空間並將高度設置爲150px！在滾動前檢查員（https://www.screencast.com/t/uyYd2Q4uOa1）對我來說很重要。而在IE瀏覽器中，滑塊從上往下過渡，其中一些被標頭覆蓋。 – Vcasso

我忘了提及，頁面在任何時候和所有瀏覽器上滾動時都不會凍結。 – Vcasso

jquery window.scrollTo導致頁面凍結

回答

相關問題