0

我的网站是: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

4

1 回答 1

1

这是导致滚动问题的代码

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

您可以从中下载mosaic.jsjs,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'/>新代码替换。请先备份您的模板。

于 2020-06-11T11:04:58.323 回答