jquery scrollTop 不起效果的一种情况

最新推荐文章于 2024-02-28 11:02:30 发布

weixin_30363981

最新推荐文章于 2024-02-28 11:02:30 发布

阅读量1.7k

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zgz21/p/7200881.html

版权

项目中，有个a标签，点击弹出div窗口，div里放置了iframe元素，iframe元素指向一个页面，页面的长度大于div的宽度，出现了滚动条

每次隐藏div窗口，再去设置div的scrollTop（以备下次点击a标签，内容置顶），都不起效果！！！

　　最终是在隐藏div窗口之前，先调用scrollTop，效果终于实现！具体原因还不清楚，猜想应该是div为block的情况下，scrollTop才会滚动到具体位置

转载于:https://www.cnblogs.com/zgz21/p/7200881.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30363981

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

jquery无效滚动插件

11-05

该文件包含三个jquery的页面底部自动加载的插件，下载后引入项目中直接可使用

元素scrollTop设置无效的原因及解决办法

最新发布

ToKeepCalm的博客

02-28

2418

例如：document.getElementById('logContainer')中的。你设置的是另一个元素的滚动条，和你需要设置的滚动条有什么关系，所以导致滚动条不会生效。scrollTop不生效可能的原因有多个，请挨个进行排查！确定你设置滚动条的元素ID是否正确且唯一。，该ID是否唯一，若不唯一，则可能导致滚动条不生效（可能很多人有疑问了，这还能有错？

scrollTop方法无效问题

chenyouleww的博客

07-05

839

scrollTop方法失效

jQuery动画效果animate和scrollTop结合使用实例

12-03

这里我们讨论的是jQuery中的`animate`方法和`scrollTop`属性的结合使用，这是一种实现页面滚动动画效果的有效方式。 `animate`是jQuery提供的一种高级功能，允许开发者平滑地改变一个或多个CSS属性值，从而创建出...

jQuery中scrollTop()方法用法实例

12-09

在jQuery库中，`scrollTop()`方法是一个非常实用的工具，用于处理页面或元素的垂直滚动位置。这个方法有两种主要的用法，可以根据是否传递参数来区分。 **1. 获取滚动条位置 (无参数)** 当`scrollTop()`方法不带...

返回顶部 jquery scrolltop

10-27

在网页设计中，"返回顶部"功能是一种常见且实用的设计元素，它允许用户快速回到页面的顶部，无需手动滚动。本教程将详细讲解如何利用jQuery实现一个简单的、具有图片按钮和渐入渐出效果的“返回顶部”功能，并且这个...

jquery设置scrollTop不起作用

04-26

关于您的问题，可能有以下几种原因导致jquery设置scrollTop不起作用： 1.元素未设置滚动条：如果元素没有设置滚动条，scrollTop方法就不会起作用。可以尝试在元素上设置overflow:scroll属性以启用滚动条。 2.元素...

关于jQuery中scrollTop中的一些兼容问题。

Tycho‘s Blog

12-13

2043

最近在做一个响应式的页面，需要有按钮来实现点击回到页头及点击回到页尾的功能。在使用$('#btn').click(function(){ $(body).animate({ scrollTop:0 },speed); });//发现，该功能只在IE与FireFox下有用，Chrome内核无效。即：选择器为body时：FireFox无效，Chrome有效选择器为h

JQ scrollTop 无效的场景

weixin_30580943的博客

10-29

474

先要设置DOM为显示，然后在设置scrollTop，先后顺序不能调换。转载于:https://www.cnblogs.com/llcdxh/p/9855920.html

jQuery的scrollTop方法

Richard_666的博客

05-03

594

JQuery scrollTop()方法滚动页面

银河威尔的web专栏

07-05

4606

$("html").scrollTop(100);//火狐IE下可以（火狐IE不用在服务器下测试） $("body").scrollTop(100);//谷歌内核的浏览器360和谷歌（服务器下测试）这样写才行，谷歌内核的浏览器因为js中好多方法为了确保安全必须要在服务器下测试才行 $("html，body").scrollTop(100);//所以这样写才兼容

scrollTop设置不起效果的几种原因

smallNut的博客

01-17

1万+

今天在写需求的时候遇到一个要将表格的滚动条在进行路由跳转时固定的操作，然后没想到居然在scrollTop这个属性的设置上栽了坑，关于此问题的原因网络上的解释也五花八门，各不相同这里我们以下图demo为例，给大家解释一下设置scrollTop属性设置无效可能会遇到的几个原因 1.父，子元素需设置高度，并且子元素高度必须大于父元素这一点应该很好理解，如果子元素高度始终小于父元素，那么无论怎么设置scrollTop的值都不可能大于0 2.父元素需设置overflow: scroll 或 overflow-y：

解决给元素设置scrollTop但不生效问题

kwroi的博客

11-15

4780

scrollTop

scrollTop方法无效问题【已解决】

sunshineTing2的博客

06-28

7091

在网上查阅了很多方案，没有解决，原来因为在需要滚动的div中设置了overflow-y:auto导致的。只需去掉overflow-y:auto，scrollTop()方法就能生效了。

vue项目设置scrollTop不起作用（解决方法及原因）

weixin_41695009的博客

05-26

8336

1、场景恢复 activated() { this.$refs.viewBox.scrollTop = 100 console.log(this.$refs.viewBox.scrollTop) } 控制台显示 0 2、解决办法 activated() { this.$nextTick(() => { this.$refs.viewBox.scrollTop = 100 }) console.log(this.$refs.viewBox.scrollTop) } 控制台

jquery scrollTop定位问题

u010397366的博客

06-13

8004

今天遇到一个时间弹出框，其高度为固定高度，容器内有时间列表，如下图：由于时间较多，所以我希望做一个动画效果，方便用户的选择，就是当用户已选择过时间，或者说初始化的时候这个预约时间值就存在，那么我希望这个弹出框内容部分会自动的定位到已选择项。我用的动画效果是直接用的jquery的animate方法,定位用的是scrollTop,代码如下：$('.time-list-wrap').ani...

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

q616804668的专栏

02-17

5125

$('body').scrollTop(100); 我们使用上面的scrollTop函数时发现滚动后又闪回顶部，原因是在jquery mobile 中要使用另外的函数 $.mobile.silentScroll(100); 这个函数需要你点击DIV再调用才有效果，如果一开始就设置是没效果的像下面用是没效果的 $(document).ready(function() {