jquery mobile 使滚动条滚动到底部scrollTop函数无效的解决方法

最新推荐文章于 2024-02-28 11:02:30 发布
最新推荐文章于 2024-02-28 11:02:30 发布
阅读量5k 收藏
点赞数
分类专栏： jquery mobile 文章标签： scrollTop silentScroll 滚动位置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q616804668/article/details/43865733
版权
在jQuery Mobile中，直接使用$('body').scrollTop(100)可能导致滚动条瞬间回弹到顶部。正确做法是利用$.mobile.silentScroll(100)，但此函数需在点击事件中使用才生效。例如，在DOM准备完成后，通过绑定点击事件到某个DIV上，然后调用$.mobile.silentScroll(100)，才能实现滚动条定位到指定位置。对于设置滚动位置的其他方法，如设置html断点，可能会影响后续内容的显示。
摘要由CSDN通过智能技术生成

$('body').scrollTop(100);


我们使用上面的scrollTop函数时发现滚动后又闪回顶部，原因是在jquery mobile 中要使用另外的函数 

  1. $.mobile.silentScroll(100); 这个函数需要你点击DIV再调用才有效果，如果一开始就设置是没效果的
最低0.47元/天 解锁文章
上善若水邻
关注
专栏目录
jQuery滚动条滚动显示手机菜单
11-03
"jQuery滚动条滚动显示手机菜单"这个主题关注的是如何利用jQuery库来实现这样的功能，即当用户滚动页面时，菜单会在适宜的时候自动出现。jQuery是一个强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作...
$('body').scrollTop()无效
littlebearGreat——宁静致远
01-10 5265
$('body').scrollTop()无效。 $(’html').scrollTop()是有效的 为了防止其它浏览器这样，我们就可以写成： $('html,body').scrollTop()
Jqeury Mobile实战之切屏效果以及屏幕滚动到底端加载更多和点击切换更多
非专业程序员小田
05-28 6326
手机端手势左右滑动 语文335 英语123 数学7 物理7 化学7 政治7 毛概7 中庸7 论语7 琴7 棋7 书7 画7 换一批 更多
jq滚动事件无效
samscat的博客
11-30 2007
源码: $(window).scroll(function(){ console.log('scroll'); }) 滚动无效,不报错无输出. 解决方案: window.addEventListener('scroll', function(){ console.log('scroll'); }); 兼容写法 function scroll() { ...
元素scrollTop设置无效的原因及解决办法
热门推荐
wbr306408943的博客
04-10 6万+
在做项目时，需要设置一个隐藏的元素的scrollTop，然后将其显示。当时使用了jQuery的scrollTop方法，但是无效，百度了许久，仍找不出有效的解决方法。于是自己新建了一个网页用来测试scrollTop方法失效的原因，在一番折腾后，终于弄清楚了问题的原因和解决办法。      scrollTop失效的原因    当一个元素的display属性为'none'时，对该元素设置scroll
scrollTop不生效的原因解决方法
前端小师姐迪迪_的博客
02-21 1万+
scrollTop 设置 不生效；scrollTop 一直为0；
jquery mobile 滚动加载内容
04-21
当我们谈论“jQuery Mobile 滚动加载内容”时，我们实际上是在讨论一种动态加载技术，即在用户滚动页面到接近底部时，通过 AJAX（异步 JavaScript 和 XML）技术从服务器获取并插入更多内容，以实现无尽滚动的效果。...
jquerymobile滚动加载内容
08-13
本篇将深入探讨如何利用jQuery Mobile和Ajax实现滚动加载内容这一功能，这对于创建无限滚动的网页尤其重要。 一、jQuery Mobile 概述 jQuery Mobile是一个基于jQuery库的轻量级框架，它为移动设备提供了一套统一的...
jquery mobile web api 带下拉，上拉滑动分页滚动示例
04-27
在本文中，我们将深入探讨如何使用jQuery Mobile和ASP.NET Web API2来构建一个具有下拉、上拉滑动分页滚动功能的Web应用。jQuery Mobile是一个强大的移动UI框架，它为移动设备提供了丰富的交互和触控优化的界面，而...
jquery mobile开发常见问题分析
10-22
为了解决这个问题，需要使用特定的jQuery方法，如使用live()函数或者在1.7之后的版本使用.on()方法来绑定事件，这样可以确保即使在页面回退时，事件依然可以被正确触发。 示例代码： 错误的写法: ```javascript $...
vue项目设置scrollTop不起作用(总结)
10-17
主要介绍了vue项目设置scrollTop不起作用(总结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
浅析scrollTop方法失效的原因！！！
fxdan的博客
06-29 2392
很久没用jq开发前端了，最近新入职一家公司是前后端不分离，项目主要是用了JQ开发，做了个点击控制滚动条的方法。结果蒙圈了一波，思考了许久，终于知道原因在哪，话不多说，直接给大家说解决方案。 不生效源代码是这样的： html, body, .page { padding: 0; margin: 0; } // 处理楼层滚动 var page = $('body > .page'), floorTabs = $('.floor-tabs .tab-item') floorTab.
解决设置scrollTop不起作用
weixin_45700321的博客
04-23 2865
我操作是 $(#el-tree)的目标，给它设置了半天scrollTop始终不生效，因此排查问题所在，才知道需要找到滚动条目标层级，进行动态设置scrollTop，问题解决。首先场景是一个异步树：支持模糊搜索，当搜索到结果时，会有选中效果，但是搜索的结果可能会超出树的显示范围，因此需要手动滑动滚动条到选中位置。但是呢，树节点太多，无法及时到目标位置，因此根据选中位置，将滚动条滑动到目标位置，设置scrollTop。注意：offsetTop 就是当前选择节点的属性，以及注意overflow设置为 auto。
scrollTop设置不起效果的几种原因
smallNut的博客
01-17 1万+
今天在写需求的时候遇到一个要将表格的滚动条在进行路由跳转时固定的操作，然后没想到居然在scrollTop这个属性的设置上栽了坑，关于此问题的原因网络上的解释也五花八门，各不相同 这里我们以下图demo为例，给大家解释一下设置scrollTop属性设置无效可能会遇到的几个原因 1.父，子元素需设置高度，并且子元素高度必须大于父元素 这一点应该很好理解，如果子元素高度始终小于父元素，那么无论怎么设置scrollTop的值都不可能大于0 2.父元素需设置overflow: scroll 或 overflow-y：
JQuery 触底加载更多_jQuery 实现触底加载更多
天马3798
06-11 1399
一、jQuery 实现触底加载更多原理相同，监听浏览器滚动 scroll, 当滚动高度+可视高度 >= 文档高度 时候触发 更多：
jquery mobile 加载完成后，自动返回顶部
shuzl213的博客
10-07 1389
在html5开发中，发现这么一个问题：每次返回上一个页面时，总是返回到上一个页面的顶部。大部分时间是无所谓的，但是如果遇到列表比较长时，体验就很糟糕了。所以得想办法解决这个问题。 花了很长时，查了很多资料都没有发现问题出在哪。最后通过断点调试，发现问题出在jquery mobile在页面加载完成后，会自动调用silentScroll函数window.scrollTo( 0, ypos );，所以
scrollTop不生效的解决办法
最新发布
ToKeepCalm的博客
02-28 1934
例如：document.getElementById('logContainer')中的。你设置的是另一个元素的滚动条，和你需要设置的滚动条有什么关系，所以导致滚动条不会生效。scrollTop不生效可能的原因有多个，请挨个进行排查！确定你设置滚动条的元素ID是否正确且唯一。，该ID是否唯一，若不唯一，则可能导致滚动条不生效（可能很多人有疑问了，这还能有错？
jquery实现回到顶部和回到底部
木芽博客
11-09 2492
介绍 为了解决pc端的长篇博文方便操作，在小神器增加回到顶部和回到底部的按钮。 说明 本文标题：js实现回到顶部和回到底部 本文链接：https://blog.xygeng.cn/?id=148 作者授权：除特别说明外，本文由庚哥哥原创编译并授权木芽博客刊载发布。 版权声明：本文不使用任何协议授权，您可以任何形式自由转载或使用。 代码 回到顶部 <body sty...
jq在移动端滚动到顶部失效解决方法
Chenming_321的博客
10-30 1321
这两天写了一个h5的活动页面，页面里面有个需求就是点击滚动到顶部；这种写过很多次；之前也没有出现过问题；而且写的时候在电脑端测试是没有问题的； 代码是这样的e $(function(){ // 返回顶部 $('.mainTitle5 .goToTop').click(function(){ $('html,body,window').animate({ scrollTop: 0 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值