顶部和底部的水平滚动条

我有一个div，我需要添加第二个滚动条到顶部，以便用户不必滚动到底部才能水平滚动。

我的div内的数据不尽相同。我试图找到一种很好的方法来捕获元素内部的真实宽度，这样我就可以在链接它们时强制虚拟滚动条div的宽度相同。

实际div内的内容是从AJAX调用中获取的。我试过包括一个宽度为自动的div/p元素，该元素从AJAX调用中返回并与数据一起使用，以便可以从中获取宽度并应用于第二个div。问题是，当div/p标签返回时，它只跨越内容div的可见部分（用边框测试）。我需要它跨越整个内容div。

对于宽度可变的第二个滚动条，有没有很好的解决方案？欢迎使用JQuery/Javascript解决方案。

enter image description here

来源

2015-01-15 Kirk Logan

您能否提供一个代码示例以及一个模拟基本示例（使用绘图）来显示预期的最终结果？很难想象你真正想要达到的目标。 – 2015-01-15 16:27:58

也许这有助于https://github.com/dreamerslab/jquery.actual – HerrSerker 2015-01-15 16:35:49

我上传了一张油漆图片以帮助澄清。 – 2015-01-15 18:02:20

我想出了这个琴：

http://jsfiddle.net/371g6mfa/

主要是因为在jQuery的UI滑块演示来源：http://jqueryui.com/slider/#side-scroll 与另外代码：

HTML：第一后滑块（如果你把它放在最上面，会发生一些奇怪的事情

<div class="scroll-bar-wrap ui-widget-content ui-corner-top" id="slider2"> 
    <div class="scroll-bar"></div> 
</div>

JS：

//move things around for slider2 
    slider2 = $('#slider2'); 
    slider2.css({ 
     top: (scrollContent.outerHeight() + slider2.outerHeight() * 2 - 1) * (-1) 
    }); 
    scrollPane.css({ 
     'padding-top': slider2.height() 
    }).height(scrollContent.height() + slider2.height() + 1);

-1和+1只是增加了我想边界的一些圆形的bug。我希望这个能有一点帮助。你可以开始像给滑块相同的值和左边的位置或类似的东西。

来源

2015-01-15 17:45:32 ggzone

顶部和底部的水平滚动条

回答

相关问题