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

最新推荐文章于 2024-02-28 11:02:30 发布
VIP文章 最新推荐文章于 2024-02-28 11:02:30 发布
阅读量5k 收藏
点赞数
分类专栏： jquery mobile 文章标签： scrollTop silentScroll 滚动位置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q616804668/article/details/43865733
版权

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


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

  1. $.mobile.silentScroll(100); 这个函数需要你点击DIV再调用才有效果，如果一开始就设置是没效果的
最低0.47元/天 解锁文章
上善若水邻
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery实现判断滚动条滚动到document底部的方法分析
12-11
本文实例讲述了jQuery实现判断滚动条滚动到document底部的方法。分享给大家供大家参考，具体如下： 滚动条没有实际的高度。只是为了呈现效果才在外型上面有长度。 在js当中也没有提供滚动条的高度API。 参考了网上有关资料：判断滚动条到底部的基本逻辑是滚动条滚动的高度加上视口的高度，正好是document的高度，公式表示为 滚动条滚动的高度+浏览器视口的高度>=document的高度。 参考网上资料，具体代码如下： //滚动条在Y轴上的滚动距离 function getScrollTop() { var scrollTop = 0, bodyScrollTop =
jquery如何让滚动条默认在最底部
weixin_30710457的博客
01-20 47
$(document).ready(function() { $("#content").scrollTop($("#content")[0].offsetHeight); }); 转载于:https://www.cnblogs.com/dekevin/p/4236557.html
scrollTop不生效的解决办法
最新发布
ToKeepCalm的博客
02-28 789
例如：document.getElementById('logContainer')中的。你设置的是另一个元素的滚动条，和你需要设置的滚动条有什么关系，所以导致滚动条不会生效。scrollTop不生效可能的原因有多个，请挨个进行排查！确定你设置滚动条的元素ID是否正确且唯一。，该ID是否唯一，若不唯一，则可能导致滚动条不生效（可能很多人有疑问了，这还能有错？
$('body').scrollTop()无效
littlebearGreat——宁静致远
01-10 5193
$('body').scrollTop()无效。 $(’html').scrollTop()是有效的 为了防止其它浏览器这样，我们就可以写成： $('html,body').scrollTop()
Jqeury Mobile实战之切屏效果以及屏幕滚动到底端加载更多和点击切换更多
非专业程序员小田
05-28 6233
手机端手势左右滑动 语文335 英语123 数学7 物理7 化学7 政治7 毛概7 中庸7 论语7 琴7 棋7 书7 画7 换一批 更多
jq滚动事件无效
samscat的博客
11-30 1924
源码: $(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如何判断滚动条滚到页面底部并执行事件
11-23
本文章向码农介绍jquery如何判断滚动条滚到页面底部并执行事件。首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。 首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。 ...
jQuery实现判断滚动条到底部
12-10
判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 clientHeight为内容可视区域的高度。 scrollHeight为内容可视区域的高度加上溢出...
jQuery判断网页是否已经滚动到浏览器底部的实现方法
01-19
笔者在这里介绍如何使用Jquery判断用户是否已经浏览到网页的底部了。 在了解下面的知识点之前，笔者这里先介绍几个概念。 $(window).height(); //用于获取浏览器显示区域的高度 $(window).width(); //用于获取浏览器...
jquery 判断滚动条到达了底部和顶端的方法
12-03
代码如下:$(document).height() //是获取整个页面的高度$(window).height() //是获取当前也就是浏览器... 代码如下:$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离；$
浅析scrollTop方法失效的原因！！！
fxdan的博客
06-29 2307
很久没用jq开发前端了，最近新入职一家公司是前后端不分离，项目主要是用了JQ开发，做了个点击控制滚动条的方法。结果蒙圈了一波，思考了许久，终于知道原因在哪，话不多说，直接给大家说解决方案。 不生效源代码是这样的： html, body, .page { padding: 0; margin: 0; } // 处理楼层滚动 var page = $('body > .page'), floorTabs = $('.floor-tabs .tab-item') floorTab.
解决设置scrollTop不起作用
weixin_45700321的博客
04-23 2506
我操作是 $(#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 1315
一、jQuery 实现触底加载更多原理相同，监听浏览器滚动 scroll, 当滚动高度+可视高度 >= 文档高度 时候触发 更多：
silentScroll() 滚屏
weixin_33997389的博客
10-12 100
jQuery.mobile.silentScroll( yPos ) 滚动到一个特定的Y坐标位置，没有触发涡旋的事件监听器 yPos：Y坐标。类型：数字。默认值：0 //滚屏到y 100px处 $.mobile.silentScroll(100); <!doctype html> <html lang="en"> <head>...
jQuery Mobile教程:jQuery Mobile基本事件
GoodShot的专栏
07-18 1405
本文我们来认识一下jQuery Mobile的几个比较重要的基本事件 1、mobileinit 可以利用它来扩展$.mobile或者修改默认配置 示例：   //方式1:绑定mobileinit $(document).bind("mobileinit",function(e){ //修改activePageClass $.mobile.activePageClass =
使用jQuery-mobile.js开发移动端网站踩坑记录
weixin_44585148的博客
08-19 869
解决：更改 jquery-mobile.js，阻止执行 silentScroll() 方法，如 return false。解决：给 a 标签单独添加 data-ajax="false" ,禁用当前 a 标签指定链接使用 ajax 请求。原因：JQM页面跳转会自动执行 silentScroll() 方法，设定垂直滚动条高度为 0。原因：JQM会将所有的指向页面的链接转换为 ajax 请求。页面的 a 链接跳转会发生异常，原页面会拼接在新页面最后。跳转页面会自动返回顶部，导致锚链接跳转无法定位。
jquery将滚动条保持在最底部的方法
05-30
可以使用以下代码将滚动条保持在最底部： ```javascript var container = $('#container'); // 获取需要滚动的容器 ...此代码将使用 jQuery 获取到容器的 DOM 元素，然后将滚动条滚动到容器的底部。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值