假设我的网站有一个中央 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 都会滚动。您使用 top
和 bottom
来固定屏幕的整个高度,然后使用 left
和 right
来固定每个任何一方。
您仍然可以与固定外部 div 中的内容进行交互。
请参阅this example
关于javascript - 始终在特定的 div 上滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32831431/