javascript - 仅使用页面滚动条滚动 div 的左侧

标签 javascript jquery css

今天我看了foursquare.com网站,当我在我所在的城市搜索某些内容时,它会将我返回到结果页面,在结果页面中,当我使用页面滚动条向下滚动页面时,只有包含地点详细信息 ListView 的左侧列向下滚动,而不是在页面的右侧,我只想知道如何使用 jquery 或 javascript 来完成。 假设我有以下 html div:

     <html><body>
       <div id="wrapper" style="width:900px;height:1200px;margin: 0 auto;">

        <div id="left_column" style="width:300px;height:1200px; float:left;border:1px solid #000000;">
         <ul><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li><li>list 1</li></ul>
            </div>

      <div id="middle_column" style="width:300px;height:1200px; float:left;border:1px solid #000000;"></div>

        <div id="right_colunm" style="width:300px;height:1200px; float:left;border:1px solid #000000;"></div>
      </div>

      </body></html>

当我使用页面滚动条时,只有左列的内容滚动,中间和右边的内容没有滚动,谁能告诉我如何在jquery中做到这一点。任何帮助将不胜感激!

最佳答案

它实际上只是 CSS。背景和标题中的 map 设置为 position: fixed,以便在页面其余部分滚动时它们停留在一个位置。

关于javascript - 仅使用页面滚动条滚动 div 的左侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13520041/

相关文章:

Javascript - 将元素从任何位置动画到屏幕中心

javascript - 我无法使用正则表达式将文本转换为标签

jquery - click() 不适用于 ajax jquery 附加 TD

CSS 中的 Python 变量

javascript - OctoberCMS Javascript API AJAX调用组件函数来更新组件的部分内容

jQuery UI、可拖动、可放置、自动滚动

JQuery 验证 - 如何将标题属性设置为错误消息

javascript - 在 jquery 中制作的 div 中的按钮没有触发

html - 如何避免在 css 中的子级上出现级联动画(@keyframe)?

javascript - 使用javascript从高度变量中删除第一个数字