Tag: 滚动条

使用滚动条滚动其他滚动条: 我有3个带滚动条的div。如果我在div 1中滚动，我想在相反的方向上滚动div 2和3。滚动的距离应该是div 1距离的一半。这就是我现在拥有的（小部分，rest在jsfiddle），适用于1 div。 $(“#textBox1”).scroll(function () { console.log(“scroll 1”); var offset = $(“#textBox1”).scrollTop() – scrollPosTBox1; var half_offset = offset/2.0; disable1 = true; if(disable2 == false) { $(“#textBox2”).scrollTop(scrollPosTBox2 – half_offset); } if(disable3 == false) { $(“#textBox3”).scrollTop(scrollPosTBox3 – half_offset); } disable1 = false; }); 但是，如果我尝试为其他2个div进行相同的操作，那么我就不能再滚动任何东西了。这是因为div 1触发div 2，div 2触发返回div 1。我尝试使用禁用代码修复此问题，但它没有帮助。有人能帮我吗？ http://jsfiddle.net/XmYh5/1/

jScrollPane滚动条问题: 我正在使用Wordpress作为CMS的网站上工作，我想在我的网站上使用div内的自定义滚动条。我一直在尝试使用jScrollPane插件，但是我无法使用它。主要代码在我的header.php文件中，并且有一个类.scroll-pane，header.php中的相关代码是： .scroll-pane { width: 100%; height: 280px; overflow: auto; } <script src="/js/jquery-1.3.2.min.js”> <link type="text/css" href="/style/jquery.jscrollpane.css” rel=”stylesheet” media=”all” /> <script type="text/javascript" src="/js/jquery.mousewheel.js”> <script type="text/javascript" src="/js/jquery.jscrollpane.min.js”> var $j = jQuery.noConflict(); $j(document).ready(function() { $(‘.scroll-pane’).jScrollPane({showArrows: true}); }); page.php文件： WP loop goes here CSS: .newsBox{height:280px; overflow: auto;} 我收到以下错误（被firebug捕获）： ” $(“.scroll-pane”).jScrollPane is not a function $(‘.scroll-pane’).jScrollPane({showArrows: true}); ” 我认为问题在于函数，所以我尝试了各种post和论坛的一些建议，包括： […]

获取没有滚动条宽度的Div宽度: 我在这里有一个问题。这里有两个div“div1”和“div2”。这里我想根据“div2”宽度调整“div1”宽度。我的要求是不应该为“div1”包含scrollBar的宽度，即我应该设置“div1”的高度，不包括“div2”中scrollBar的宽度。我想要一个jquery函数来查找宽度并减小“div1”的宽度。样本要求如下所示 HTML CSS .div1 { width:100px; height:100px; border:1px solid black; } .div2 { width:100px; height:300px; border:1px solid black; overflow:auto; word-break:break-all; } 小提琴演示就在这里小提琴

使用webkit-scrollbar – 滚动到底部问题: 我正在使用:: – webkit-scrollbar选择器，它需要body标签上的以下css： body { position:absolute; top:0; left:10px; bottom:0; right:10px; overflow-y:scroll; overflow-x:hidden; } 我需要让页面向下滚动以使用以下jQuery显示一个靠近页面底部的元素： $(‘.tester’).click(function() { $(‘html, body’).animate({ scrollTop: $(document).height() }, ‘slow’); return false; }); 由于body标记上的position：absolute声明，此行为不起作用。如果我删除它，向下滚动行为按预期工作，但它会混淆webkit-scrollbar样式。谁能想到一个解决方法？

构建可滚动的div而不使用滚动条: 我正在尝试构建一个没有滚动条的动态可滚动菜单。我在Stackoverflow上跟踪了示例，但仍然出现了滚动条。如何摆脱滚动条？我的代码在jsFiddle 。

滚动条出现并使页面跳转: 我有一个JQuery动画，可以扩展DIV并使其比浏览器更大。当发生这种情况时，会出现一个滚动条，让页面看起来好像跳了一样。有人有任何解决方案吗？ http://www.kerrydean.ca/MATHESON/home5.html

Twitter Bootstrap Navbar菜单滚动: 在使用twitter bootstrap 3 ，在移动设备上菜单nabber具有水平和nabber滚动条。它不存在于2.3并且我无法弄清楚如何禁用它并让菜单项扩展到完全没有任何滚动条。

jQuery mCustomScrollbar在Ajax重新加载后消失: 像这里写的我有jQuery mCustomScrollbar的问题。在第一次加载时绑定滚动条工作正常。 $(“#contenDiv”).load(“dummytext.php”, function() { $(“#contenDiv”).mCustomScrollbar({ theme: “light”, alwaysShowScrollbar: 1 }); }); 但是当我重新加载Divs内容时，mCustomScrollbar消失了，我称之为“更新”方法。 $(“#loadbutton”).click(function() { $(“#contenDiv”).load(“dummytext.php”, function() { $(this).mCustomScrollbar(“update”); }); }); 我也一直在尝试使用on（）和delegate（）方法，但是他们不能识别jquery Ajax load（）事件。谁能帮我？

Asp.net mvc dropdownlist在滚动时添加项目: 我正在寻找asp.net mvc下拉列表，如果滚动滚动条，它可以添加记录。我是这个领域的初学者。有人可以指导我如何实现这个或任何可重用的代码，如滚动事件将转到控制器，获取记录并附加到下拉列表的最后一项。我认为任何建议都可以让我理解如何处理代码逻辑这是我试图附加到下拉列表的内容 1 2 3 4 5 6 7 8 9 10 11

如何制作滚动条占位符: 我的问题是浏览器窗口垂直滚动条被删除，例如overflow:hidden; 当页面稍后重新出现时，会使页面跳转。我使用jQuery从访问者中删除滚动选项，同时脚本正在运行并将页面滚动到特定点，然后再次重新出现： www.nebulafilm.dk/index.html?content 我可以为滚动条创建一个占位符，当它不存在时，它不会跳回来吗？或者是否可以“禁用”它并使其“灰显”？我通过搜索找不到任何解决方案。我在这里找到了类似的东西： stackoverflow.com滚动条总是在那里。但不同之处在于，即使页面长于窗口，滚动条也必须保持禁用状态。它必须只能通过我控制的另一个脚本再次“打开”。这有可能吗？谢谢。更新：状态更新的时间。我在星形云背景图像上遇到了一些问题，这个图像是在body标签上设置的。当jQuery脚本（来自cwolves回答）将填充添加到html标记并因此应该将页面上的所有元素推到左侧时，背景图像仍然表现不正常。好吧，我发现body元素没有像任何div元素那样反应。它不仅仅是html标签内的“块”，就像任何其他块元素一样。它有自己的行为，显然不能以同样的方式被欺骗。因此，背景图像是不可能触摸的，而它是在body 。但我花了一些时间才意识到…… 解决这个问题的最终解决方案是如此简单，以至于我在发现时几乎流泪，想着无尽的（我可能会夸大一点）时间来调查body 。我只需将所有内容都包装在然后将其作为背景图片。突然间，一切都落到了位置。从： … 和 body {background-image: url(…);} 至： … 和： #body {background-image: url(…);} 对body明智一点。不再“跳”了。美味的。效果现在已经完全运行，您几乎没有注意到滚动条的变化，每个细节都适合。 Cwolve的脚本是完美的，并进行精确计算： function getScrollBarWidth(){ var div = $(” + new Array(100).join(‘content’) + […]