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

Question

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

问题:在移动设备上，当我打开一个页面时，当我向下滚动页面，然后试图慢慢向上滚动时，页面会立即跳到顶部。因此，无法缓慢地向上滚动页面，几乎无法滚动到页面的某一特定部分。

这个问题在所有移动设备上都会出现，iOS & Android，以及iPad。但是这个问题在MacSafari上并不存在，在MacSafari上，页面可以正常地向上滚动。(我读到有人抱怨说，它发生在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))};

您可以下载 mosaic.js js从 https://www.blogblog.com/dynamicviews/5e2debdf5385ddcf/js/mosaic.js 然后删除上面的代码行，并把它放在下面的脚本标签之间。

<script>
// <![CDATA[

 place the code here

// ]]>
</script>

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