如何在滚动时用jQuery显示/隐藏div？
在滚动时使用jQuery显示/隐藏div可以通过以下步骤实现：
- 首先，确保你已经引入了jQuery库文件。可以通过以下方式引入：<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
- 创建一个包含要显示/隐藏的div的HTML结构。例如：<div id="myDiv">这是要显示/隐藏的内容</div>
- 使用jQuery编写JavaScript代码来实现滚动时的显示/隐藏效果。可以使用
scroll事件来监听滚动事件，并使用show()和hide()方法来显示/隐藏div。例如：$(window).scroll(function() { if ($(this).scrollTop() > 100) { $('#myDiv').show(); } else { $('#myDiv').hide(); } });上述代码中，当滚动条滚动距离超过100像素时，显示myDiv；否则隐藏myDiv。 - 最后，确保在页面加载完成后执行上述JavaScript代码。可以使用
$(document).ready()方法来实现。例如：$(document).ready(function() { // 在这里写上述代码 });
这样，当页面滚动时，根据滚动距离的变化，div将会显示或隐藏。
推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），用于加速静态资源的分发，提高网站的访问速度和用户体验。产品介绍链接地址：腾讯云CDN
相关·内容
我正在尝试实现一个“浮动工具栏”，默认情况下它是隐藏的。向下滚动一定量后，它将显示出来。最终，当用户向上滚动时，接近屏幕顶部时，工具栏将再次隐藏。诸若此类。/2.1.1/jquery.min.js"></script><html>
<script src="<em
浏览 2提问于2018-07-11得票数 0
1回答
jQuery滚动问题
、、、
我试图在用户滚动经过另一个div时显示一个div，并在用户到达后一个div的开头时再次隐藏它。假设我们有两个div，ID分别为#1和#2。现在，当用户滚动到#1的开头时，将显示div#2。当用户再次返回到#1时，div#2将被隐藏。我如何才能做到这一点？我用的是这个：
jQuery</
浏览 0提问于2011-09-06得票数 0
回答已采纳
我正在尝试更改滚动图像的URL，我可以使用这个jQuery来使用一个新的图像，这个新图像只显示在名为scroll.png的卷轴上。" );
但是，我需要在回滚回滚时删除它--我可以这样做：但是，我想知道的是，我是否可以使用另一种方法来显示原始图像，而不是将其添加回jQuery中，因为它已经使用
浏览 4提问于2020-06-17得票数 0
回答已采纳
当用户点击页面中的任何位置时，你能告诉我如何显示和隐藏标题吗？我想我需要使用('.header').show('slow');和切换类，或者隐藏.i不知道如何使用？<div data-role="header">
这是基本标题.But，我需要实现具有多个图像水平滚动的标题。如<
浏览 1提问于2013-07-04得票数 0
回答已采纳
我有一个jquery脚本，它显示一个隐藏的div，当我以像素为单位在A和B之间向下滚动时(A =我的CV的开始和B=CV的结束)，如果不是在A和B之间，返回到隐藏。{ } else { }是否可以用jQuery这样CV di
浏览 2提问于2013-08-27得票数 3
回答已采纳
2回答
我有一个带有长文本的div，它显示垂直滚动条。我用Jquery显示-隐藏这个div，所以它看起来像一个弹出窗口。当它被隐藏时，卷轴仍然在用户放置的位置，所以当它显示在相同的位置时，我希望它在每次再次出现时都在顶部。<div class
浏览 0提问于2013-09-12得票数 0
回答已采纳
我在我的网页上使用“完美滚动条”。为了隐藏默认浏览器滚动条，它添加了“溢出:隐藏”。()当我删除溢出:隐藏默认滚动</
浏览 8提问于2014-06-06得票数 0
1回答
div滚动时的IE焦点
、、、
我的目标是模拟jquery "datepicker“的行为，但我不想显示日历，而是要显示一个可选择的表。我有一个镀铬和FF的工作，但不在IE8中:(我不知道你们是否能用IE运行摆弄，但如果不能，请制作本地副本，用IE打开，谢谢)
$(“#test_table_container”).scroll(函数(){ if (myTimeOut) { clearTimeout
浏览 7提问于2013-10-01得票数 0
回答已采纳
对于jQuery，我正在寻找一种可以从右向左滚动一个div的滚动条。在div中，将有一个3000px的宽度图像和一些隐藏元素，这些元素将通过鼠标悬停在图像的特定位置上显示。这将不得不循环。当我在周围搜索时，我只遇到了有多个图像的滚动条。
有没有人知道有没有这样的脚本？或者我如何在几乎没有jQuery经验的情况下自己做这个？
浏览 1提问于2011-06-27得票数 0
5回答
所以我有一个很大很长的文本块，我试图用jquery来改变文本包含div的css高度来隐藏/显示它。show();
</script>
每当用户试图显示/隐藏内容时，浏览器都会自动滚动到页面顶部。当用户单击显示/
浏览 0提问于2011-04-25得票数 0
回答已采纳
1回答
我已经知道如何在经过滚动位置时显示div。ddmenubg2隐藏，然后在超过该标记的任何地方，div保持可见...在这个标记之前的任何东西，div都是隐藏的。这只会在第一次页面加载或刷新时发生，在您多次上下滚动后都能正常工作，但每当您刷新页面时，此问题就会发生，直到您向下滚动。现在，这个问题的一个简单解决方法是使ddmenubg2 div的<em
浏览 2提问于2012-11-18得票数 3
回答已采纳
我使用jquery在向下滚动时隐藏div，并在向上滚动时显示它。前半部分在向下滚动时隐藏，而在向上滚动时不隐藏。我认为问题出在(scrollPosition)上，因为向上滚动位置无关紧要。我只需要它使div出现任何数量的向上滚动。
如果您不介意看一下我的代码来帮助我替换scrollPositi
浏览 1提问于2019-12-07得票数 0
4回答
如何删除仅在滚动事件中执行的特殊指令？例如，我得到了以下代码：// instructions我希望“指令”只有在显示我的一个div (display:block)时才能使用实际上，当我隐藏div的时候，我不想让指令在滚动时被应用.
我可以创建一个函数，通过一个简单的“if(mySpecialVar==true){//指令}”来获取我的指令并
浏览 8提问于2013-09-10得票数 0
回答已采纳
2回答
我想在AngularJS中隐藏目录"A“，当用户滚动目录"B”时。目前，我可以通过使用ng-click来隐藏用户在div "B“上单击时的div "A”，但我无法找到任何方法来使用AngularJS在滚动上执行此操作。我知道，我可以用JQuery来隐藏div，但是有没有办法用AngularJS来做呢？我创建了一个s
浏览 0提问于2013-05-02得票数 5
回答已采纳
我试图使airbnb.nl效果，其中一个‘如何工作’div显示从顶部按钮点击。然后当您向下滚动(或单击“关闭”按钮)时，它会再次消失。当div在滚动到630 at后隐藏时，滚动条就会上升，所以我同时将滚动条设置为0。问题是，当您进一步向下滚动时，它会不断地重复这个'scrollTop to 0‘脚本，使它成为一个不需要的循环。对于如何在显示</e
浏览 2提问于2015-05-26得票数 0
回答已采纳
我能够创建一个简单的显示/隐藏jQuery函数，如下面的代码所示……我试着重复同样的函数，但是用body替换了#hideshow，但是这把一切都搞乱了。
能帮我个忙吗？<a type='button' id='hideshow' valu
浏览 1提问于2013-04-08得票数 0
回答已采纳
除了我的图库(#impressie)和滚动条(#arrangementen)之外，一切都运行得很好。Selector $('nav li a').removeClass('active');
$(this).addClass('
浏览 1提问于2013-05-01得票数 0
3回答
尝试在页面滚动位置100 to上设置偏移以显示/隐藏导航菜单。它在一个鼠标滚动中显示/隐藏导航，我已经将lastScroll = 0设置为lastScroll = 100，但无法工作。Jquery: lastScroll = 0; var scroll = $(window).class="na
浏览 1提问于2015-08-16得票数 1
回答已采纳
3回答
我有一个表单，它包含下拉框和不同的div项。基于从下拉框中的选择，我显示了那些div项目。但是，这些div项中的一些文本是在加载表单时显示的，而不是在我从下拉框中选择选项时显示的。value="two"> Two </option> <&
浏览 7提问于2010-05-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
