使用weui.css后scrollTop不起作用的解决方法
程序员文章站
2022-05-04 07:52:52
...
最近开发一个微信服务号对应的移动端应用,发现在使用了weui框架后scrollTop失效,页面不能自动向上滚动,经过一番实验,找到了个解决方法。
解决方法:
页面结构如下:
<div class="weui-tab__panel" id="page">
......
<div class="weui-cells">
.....
<div class="weui-panel weui-panel_access" id="logInfoDetail">
<div class="weui-panel__bd">
...
</div>
</div>
</div>
</div>
<div class="weui-tabbar">
....
</div>
javascript代码片段如下:
$('#logInfo').on('click', function() {
if (logHide) {
$('#logInfoDetail').show();
if (hideCount < 1){
scrollTo("#logInfoDetail",300);
}
logHide = false;
} else {
$('#logInfoDetail').hide();
hideCount = hideCount + 1;
logHide = true;
}
})
function scrollTo(ele, speed){
if(!speed) speed = 300;
if(!ele){
$("html,body").animate({scrollTop:0},speed);
}else{
if(ele.length>0) $("#page").animate({scrollTop:$(ele).offset().top},speed);
}
return false;
}
上一篇: 编码:隐匿在计算机软硬件背后的语言
下一篇: 制作验证码
推荐阅读
-
使用记事本打开Hosts文件修改后无法保存的解决方法
-
使用layer.msg 时间设置不起作用的解决方法
-
重装xp系统后键盘无法使用怎么办?电脑重装xp系统后键盘失灵的解决方法
-
linuxmint使用root用户登录后声卡没有声音的解决方法
-
使用U盘后正确的卸载方法及无法卸载的解决方法
-
使用IDEA编写jsp时EL表达式不起作用的问题及解决方法
-
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
-
mybatis 使用jdbc.properties文件设置不起作用的解决方法
-
使用u启动u盘装系统后提示bootmgr is missing的解决方法
-
苹果Mac10.9系统使用CleanMyMac后lunchpad图标丢失的原因及解决方法介绍