Question

我需要将内部div水平滚动，但使用浏览器滚动条而不是特定的div滚动条。

一个选项是将每个其他div的位置设置为静态并溢出包装div，但由于我正在修改预制模板，我宁愿能够在不改变布局的情况下执行此操作。从这个意义上说，JavaScript / jQuery插件会很好，但完全不是必须的。

以下是代码：

<title>This is a test</title>
<body>
   <header>
      This is the header.
   </header>
   <div id="wrapper">
      <div id="left-sidebar">
         This is the left sidebar.
      </div>
      <div id="test">
         <div id="content">
            This is the main content.
            <div id="flex">
               <div id="rectangle"></div>
               <div id="rectangle"></div>
               <div id="rectangle"></div>
               <div id="rectangle"></div>
               <div id="rectangle"></div>
               <div id="rectangle"></div>
               <div id="rectangle"></div>
            </div>
         </div>
      </div>
   </div>
   <footer>
      This is the footer. 
   </footer>
</body>

这是jsFiddle：https://jsfiddle.net/k6e3sv6v/

谢谢文胸

Answer 1

我认为如果整个页面的宽度超过100％，则无法将BROWSER滚动条聚焦到某个div中。

但我认为可以通过将该div周围的所有其他元素作为固定位置来完成，即使滚动向左右移动也不会在屏幕上移动...

如何使用浏览器滚动条水平滚动内部div？

1 个答案: