javascript - 始终在特定的 div 上滚动

标签 javascript jquery html css

假设我的网站有一个中央 div,大约占窗口宽度的 50%,其他 div 填充了剩余空间。跨度 div 是固定的,不会移动,也不能滚动。

目前,当我的鼠标悬停在其中一个跨度 div 上时,我(自然地)无法滚动中央 div。我的问题是:有没有办法始终将滚动焦点放在特定的 div 上,无论鼠标位于页面上的什么位置?

编辑:我实际拥有的是:

<div id='wrapper'>
    <nav id='sidebar'></nav>
    <div id='rhs'></div>
</div>

wrapper 和 sidebar 的位置都是固定的,sidebar 和 rhs 在 wrapper 的中心相邻(即 margin: 0 auto; 将它们放在中间)。用我的鼠标在包装器或侧边栏上滚动不会滚动 rhs,尽管位置是固定的(所以 Toni Leigh 的回答在这里对我不起作用)。

最佳答案

是的,您可以使用 position: fixed;

无论滚动位置如何,两个外部 div 都固定在屏幕上。无论鼠标指针位于何处,中央 div 都会滚动。您使用 topbottom 来固定屏幕的整个高度,然后使用 leftright 来固定每个任何一方。

您仍然可以与固定外部 div 中的内容进行交互。

请参阅this example

关于javascript - 始终在特定的 div 上滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32831431/

相关文章:

Javascript - 这个按钮如何触发某些东西?

javascript - 基于动态生成的文本和特定图案的颜色 li 元素

javascript - 使用 jQuery(ajax、json)和 Spring MVC 发送多行表单数据

javascript - 如何仅更改粗体标签后的文本?

javascript - anchor 链接与浏览器重绘

html - 下拉菜单不再适用于较小的屏幕

javascript - react 导航导航标题顶部的绝对位置

Javascript:检查数组的所有元素是否与变量相同,或者都不相同

javascript - $.ajax (jQuery v1.9.1) 无法在 iPad 上运行

html - 为什么 row-fluid :before and row-fluid:after have a height?