如何阻止页面在移动设备上自动向上滚动？ （使用 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'/>

提前谢谢你！

最好的祝愿， 冰霜迷雾

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 + "/js/mosaic.js"' type='text/javascript'/> 替换为新代码。请先备份您的模板。