首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当div隐藏时,jquery会在底部开始滚动吗?

当div隐藏时,jQuery不会在底部开始滚动。jQuery是一个JavaScript库,用于简化HTML文档遍历、事件处理、动画和Ajax等操作。它并不会直接影响页面布局或滚动行为。

隐藏一个div元素通常是通过设置CSS属性"display: none;"来实现的。当div元素被隐藏时,它将不再占据页面布局空间,其他元素会自动填充它原来的位置。页面的滚动行为不会受到隐藏div的影响。

如果想要在滚动时触发某些事件,可以使用jQuery的滚动事件绑定方法。例如,可以使用以下代码来监听页面滚动事件:

代码语言:javascript
复制
$(window).scroll(function() {
  // 在滚动时执行的代码
});

这样,无论div是否隐藏,当页面滚动时都可以执行相应的代码。但是需要注意的是,滚动事件是针对整个页面的,而不是特定的div元素。

关于jQuery的更多信息和使用方法,可以参考腾讯云的jQuery产品介绍页面:jQuery产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JS实现无限分页加载——原理图解

原理图 实现无限分页的过程大致如下: 1 视窗滚动底部 2 触发加载,添加到现有内容的后面。 因此,可能会出现两种情况: 1 页面的内容很少,没有出现滚动条。...2 页面的内容很多,出现了滚动条。...(即滚动到了底部) 代码样例 代码部分没有太多的内容,需要注意的是: 1 使用fixed定位加载框 2 使用setTimeout定时触发判断方法,频率可以自定义 3 通过 真实内容高度 - 视窗高度 -...(checkScroll,1000); } checkScroll(); 代码的运行结果以及视窗高度验证 最开始没有滚动滚动...向下滚动了一下后,视窗的高度不变;上面隐藏的高度增加到100,即滚动条上面代表的部分。 ? 触发加载后,视窗的高度保持变;上面隐藏的高度保持不变;文本的内容增加到1816; ?

5.9K100

jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法

其中以下的四个文件必须要上传到服务器上: jquery.mCustomScrollbar.js jquery.mousewheel.min.js jquery.mCustomScrollbar.css...:{ scrollType:String }:滚动按钮滚动类型 值:"continuous"(当你点击滚动控制按钮断断续续滚动) "pixels"(根据每次点击的像素数来滚动) 点击这里可以看到形象的例子...Demo 同上 callbacks:{ onTotalScroll:function(){} }:滚动底部的时候调用这个自定义回调函数 Demo 同上 callbacks:{ onTotalScrollBack...:function(){} }:滚动到顶部的时候调用这个自定义回调函数 Demo 同上 callbacks:{ onTotalScrollOffset:Integer }:设置到达顶部或者底部的偏移量...关于更多的进阶使用和技巧,欢迎跟我交流,也可以关注本文,会在后面陆续添加。 ----

14.1K30

jquery nicescroll 配置参数

jQuery滚动条插件兼容ie6+、手机、ipad http://www.areaaperta.com/nicescroll/ jQuery(function($){ $("#scrollInner...= TRUE)变焦激活,双击对话框(默认:true) gesturezoom - (仅boxzoom =真实,使用触摸设备)上缩放框激活,间距输出/输入(默认:true) grabcursorenabled...,显示“抢”图标的div touchbehavior = true,(默认:true) autohidemode,如何隐藏滚动条的作品,真=默认/“光标”=只进游标隐藏/ false =不隐藏背景,...,对于chrome浏览器,停用大纲(橙色hightlight)选择具有nicescroll一个div(默认: true), horizrailenabled,nicescroll可以管理水平滚动(...默认值:400) directionlockdeadzone,在对方向锁定激活像素死区(默认值:6) nativeparentscrolling,检测内容底部,并让家长来滚动,作为原生滚动做(默认:

4.1K80

fullPage.js全屏滚动插件

loopTop (true/false)滚动到最顶部后是否滚底部 loopHorizontal (true/false)左右滑块是否循环滑动 autoScrolling (true/false)...CSS3 transforms 滚动 paddingTop string() 与顶部的距离 paddingBottom string() 与底部距离 keyboardScrolling (...moveSlideLeft() slide 向左滚动 setAutoScrolling() 设置页面滚动方式,设置为 true 自动滚动 setAllowScrolling() 添加或删除鼠标滚轮/...() 滚动到某一屏后的回调函数,接收 anchorLink 和 index 两个参数,anchorLink 是锚链接的名称,index 为序号,从1开始计算 onLeave() 滚动前的回调函数...,接收 index、nextIndex 和 direction 3个参数:index 是离开的“页面”的序号,从1开始计算;nextIndex 是滚动到的“页面”的序号,从1开始计算;direction

14.9K20

3分钟搞定图片懒加载

随着滚动条的向下滚动,bound.top会越来越小,也就是图片到可视区域顶部的距离越来越小,bound.top <= clientHeight,图片的上沿应该是位于可视区域下沿的位置的临界点,再滚动一点点...思路:页面滚动的时候需要去监听scroll事件,在scroll事件的回调中,判断滚动条是否滚动到最底部,如果是,则将将图片的 src 属性设置为data-src的值。...= document.body.offsetHeight // 当前页面高度 然后判断: scrollTop + seeHeight >= bodyHeight 滚动条到达底部的时候,获取后端分页的数据...page=0,会随机返回一页数据,page>=1会返回相应页码的数据。 源代码: <!...滚动到20张图的底部的时候,就会发出ajax请求,请求下一页数据。 ? 至此本文完,有疑问可以在评论区随时交流哈。

2.4K20

页面滚动效果库,有点儿皮

[image-20210423133600820.png] 官网即这个库的介绍和演示页面,当你向下滚动页面,一个个狗头会以各种不同的动画进行展现。...在狗头中间,可以看到这个库的优秀特性,比如简单易用、纯 JS 实现、不依赖 jQuery、动画丰富、只有 3 kb 大小、即时展现等。...如何使用 滚动效果的应用场景有很多,比如你要给朋友做一个生日祝福网站,可以先打上老长一段话,朋友看完这段话,滚动页面到底部的时候,弹出一个生日蛋糕 ,会增加不少惊喜感。...比如我选择 “向上弹出” 的动效,对应的类名是 bounceInUp: 然后就大功告成啦,生日蛋糕默认会隐藏,直到用户滚动到它才会向上弹出...data-wow-delay="5s" data-wow-offset="10" data-wow-iteration="10" > xxx 也可以在初始化实例,给所有元素添加全局配置

2.3K21

利用Jquery Lazyload JS插件实现网页图片延迟加载

.lazyload({ effect: "fadeIn", }); });打开网页后只加载当前屏幕内的图片,只有滚动或下拉浏览器才会加载底部的图片...如设置为200, 表示滚动条在离目标位置还有 200 的高度开始加载图片, 可以做到不让用户察觉。...值有scroll(滚动), click(点击), mouseover(鼠标划过), sporty(运动的), foobar(…).可以实现鼠标莫过或点击图片才开始加载,后两个值未测试…4, effect..., 这个参数可以让你在拉动某DIV滚动依次加载其中的图片6, data_attribute: 默认值 "original"data_attribute: 用于设置 lazyload 操作的自定义属性...在图片布局混乱使用.Lazy Load 有一个循环查找 img 的机制. 根据 HTML 文档的布局从上往下查找, 找到第一个并未显示/加载的 img , 就会停止往下查找.

8.2K71

jquery mobile 移动web(5)

jquery Mobile 在开始运行的时候,它会在document 对象上触发一个mobileinit 事件。我们可以通过该事件重写默认的相应的函数。配置各种属性参数。   ...mobile.initializePage 函数 如果设置为 false 页面 就不会成立,并保持隐藏状态...6.ajaxEnabled       类型:布尔值,默认值是true       用法:$.mobile.ajaxEnabled = false       描述:设置单击连接或提交表单或按钮...11.minScrollBack       类型:字符串,默认值是150       用法:$.mobile.minScrollBack = “200”       描述:滚动超出所设置的高度才会触发滚动位置记忆功能...      描述:浏览器符合所有的支持的条件时候才会返回true.

1.4K50

2019-08-09 满屏切换vue项目中使用 vue-fullpage.js

// //滚动到最顶部后是否连续滚动底部 // loopTop: true, // //滚动到最底部后是否连续滚动到顶部 // loopBottom: true...,当我们要设置一个固定在顶部的菜单、导航、元素等使用 // paddingTop: "100px", // //设置每个section底部的padding,当我们要设置一个固定在底部的菜单...、导航、元素等使用 // paddingBottom: "100px", // //固定的元素,为jquery选择器;可用于顶部导航等 // fixedElements...// //滚动到最顶部后是否连续滚动底部 // loopTop: true, // //滚动到最底部后是否连续滚动到顶部 // loopBottom: true...,当我们要设置一个固定在顶部的菜单、导航、元素等使用 // paddingTop: "100px", // //设置每个section底部的padding,当我们要设置一个固定在底部的菜单

11.8K30

实现滚动Header自动隐藏

这是掘金网页版的头部,滚动条向下滑动,主header会隐藏,次级header会吸在页面顶部。...、滚动状态(到顶部/到底部)和是否在滚动 其中,函数返回的 directions 是一个 reactive 对象,我们对其进行监听,该变量发生变化时,说明滚动方向发生了改变。...} else if (bottom) { isHidden.value = true } 是关键,向上滚动,显示header;向下滚动隐藏header。...你可能会发现在这段代码的上面,还有一段不明所以的代码: if (topArrived) { isHidden.value = false return } 滚动条到顶部,直接显示header...前者,可以通过判断y值是否为0(或小于0)来实现;而后者,正常来说,滚动底部,文档高度-视窗高度应该和滚动条的y值是一致的。

2.2K30

BootStrap应用开发学习入门1

事件有两种形式: 动词不定式:这会在事件开始被触发。例如 ex: show。动词不定式事件提供了 preventDefault 功能。这使得在事件开始前可以停止操作的执行。...hidden.bs.tooltip 提示工具对用户隐藏触发该事件(将等待 CSS 过渡效果完成)。...> 固定在页面的某个位置;它们将在某个位置开始,但页面点击某个标记,该 会锁定在某个位置,不会随着页面其他部分一起滚动。....affix-bottom #指示元素在它的最底端位置, 如果定义了底部偏移滚动到达该位置,应把 .affix 替换为 .affix-bottom #选项 offset number | function...| object 默认值:10 #data-offset 计算滚动位置,距离顶部的偏移像素。

44.3K30
领券