如何阻止頁面在移動設備上自動向上滾動？ （使用 Blogger 動態視圖“馬賽克”模板）

Question

我的網站是： https://testfnm11.blogspot.com ，它基於 Blogger 動態視圖“馬賽克”模板。 （我已將模板設置為在移動設備上顯示桌面視圖）。

問題：在移動設備上，在打開的頁面上，當我向下滾動頁面然后嘗試慢慢向上滾動時，頁面會立即跳到頂部。 因此，不可能緩慢地向上滾動頁面，從而幾乎不可能滾動到頁面的特定部分。

此問題出現在所有移動設備 iOS 和 Android 以及 iPad 上。 但是這個問題在 Mac/Safari 上不存在，頁面可以正確地向上/向下滾動。 （我讀過有人抱怨它發生在 Windows PC 上，但我自己還沒有證實）。

如果有人提出解決方案來阻止頁面在移動設備上自動滾動到頂部，我將不勝感激。 （我非常喜歡 Mosaic 模板，所以我不願意更改為另一個模板。但是，由於這個自動滾動問題，該模板實際上並不能真正使用）。

我對 HTML 代碼所做的唯一更改是將原始單詞“經典”替換為“馬賽克”，以強制模板在移動設備上顯示馬賽克視圖。

<b:if cond='data:blog.isMobileRequest'>
        <script expr:src='data:blog.dynamicViewsScriptSrc + &quot;/js/mosaic.js&quot;' type='text/javascript'/>

先感謝您！

最良好的祝願， Firoze Mistry

Answer 1

這是導致滾動問題的代碼

z.onResize=function(){clearTimeout(this.F);$(v).hasClass(u)||(this.F=setTimeout($.proxy(this.G,this),500))};

您可以從https://www.blogblog.com/dynamicviews/5e2debdf5385ddcf/js/mosaic.js下載mosaic.js js，然后刪除上面的代碼行並將其放在以下腳本標記之間

<script>
// <![CDATA[

 place the code here

// ]]>
</script>

然后，替換<script expr:src='data:blog.dynamicViewsScriptSrc + &quot;/js/mosaic.js&quot;' type='text/javascript'/> <script expr:src='data:blog.dynamicViewsScriptSrc + &quot;/js/mosaic.js&quot;' type='text/javascript'/>使用新代碼。 請先備份您的模板。