如何阻止页面在移动设备上自动向上滚动? (使用 Blogger 动态视图“马赛克”模板)

How to stop a Page from auto-scrolling UP on Mobile devices? (using Blogger Dynamic Views “Mosaic” template)

我的网站是:https://testfnm11.blogspot.com,它基于 Blogger 动态视图“马赛克”模板。 (我已将模板设置为在移动设备上显示桌面视图)。

问题: 在移动设备上,在打开的页面上,当我向下滚动页面然后尝试慢慢向上滚动时,页面会立即跳到顶部。因此不可能缓慢向上滚动页面,从而几乎不可能滚动到页面的特定部分。

所有移动设备 iOS 和 Android 以及 iPad 都会出现此问题。但是 Mac/Safari 上不存在此问题,页面滚动 up/down 正常。 (我听说有人抱怨它发生在 Windows 个人电脑上,但我自己还没有证实)。

如果有人建议在移动设备上停止页面自动滚动到顶部的解决方案,我将不胜感激。 (我非常喜欢马赛克模板,所以我舍不得换成其他模板。但是由于这个自动滚动的问题,目前该模板并不能真正使用)。

我对 HTML 代码所做的唯一更改是将原始词 "classic" 替换为 "mosaic",以强制模板在移动设备上显示马赛克视图。

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

提前致谢!

最良好的祝愿, 冰冻迷雾

这是导致滚动问题的代码

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'/>。请先备份您的模板。