移動端頁面滑動一定距離，其中一個盒子隱藏，一個盒子固定定位-有解無憂

如下圖，當頁面往下移動的距離超過了輪播圖時，輪播圖隱藏，并且串列導航欄固定定位在最上面，可是我在電腦上除錯移動端時是正常的，但是我在手機上滑動的時候卻沒有執行這個，求大神告知原因

uj5u.com熱心網友回復：

都點沒看懂，你的意思不是超過了之后再隱藏嗎
要想讓導航固定在上方在初始不就直接fixed了

uj5u.com熱心網友回復：

每個手機瀏覽器都有自己的內部設定，所以有時候呈現會跟電腦不一樣，例如vivo手機ajax請求超時會自動重繪頁面（好像是這個，記不住了）。
可以多換幾個手機試試。
用useragent可以獲取手機資訊，單獨設定。

uj5u.com熱心網友回復：

你的意思是不要這個隱藏，就是頁面往下滾動的距離超過了上面的輪播圖，這個串列就直接定位在上面，往上滾動再移除固定定位嗎

uj5u.com熱心網友回復：

參考 2 樓一支糖包仔的回復:

每個手機瀏覽器都有自己的內部設定，所以有時候呈現會跟電腦不一樣，例如vivo手機ajax請求超時會自動重繪頁面（好像是這個，記不住了）。
可以多換幾個手機試試。
用useragent可以獲取手機資訊，單獨設定。

別人的手機也一樣，是我代碼錯了嗎

uj5u.com熱心網友回復：

參考 4 樓 weixin_45579289 的回復:

別人的手機也一樣，是我代碼錯了嗎

那應該就是代碼有問題，如果找不到可以在你覺得會出問題的代碼下面加彈窗。
有時候JS出錯了，電腦端依舊可以運行，手機會卡在那（以前我有遇到過）。

uj5u.com熱心網友回復：

參考 5 樓一支糖包仔的回復:

Quote: 參考 4 樓 weixin_45579289 的回復:

別人的手機也一樣，是我代碼錯了嗎

那應該就是代碼有問題，如果找不到可以在你覺得會出問題的代碼下面加彈窗。
有時候JS出錯了，電腦端依舊可以運行，手機會卡在那（以前我有遇到過）。

問題找到了，但是不會解決，PC端獲取的到body的scrolltop，移動端獲取的一直是零，在百度上找用document.scrolltop在PC端和移動端都是零，用window也是零，這是什么情況

uj5u.com熱心網友回復：

$('輪播圖下面的標簽塊').offset().top
用這個來獲取定位試試看。

uj5u.com熱心網友回復：

參考 7 樓一支糖包仔的回復:

$('輪播圖下面的標簽塊').offset().top
用這個來獲取定位試試看。

謝謝你，雖然你這個方法不行，不過你給了我靈感，我給內容包了個大盒子，給這個盒子系結onscroll事件，終于好了，謝謝，非常感謝

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/109743.html