今天我看了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/