CSS DIV 越界

标签 css scroll position

我正在尝试限制 http://www.liftdesignphoto.com/test/ 中的滚动因为它让电梯超出了界限。

有没有办法重新计算位置,使其不越界? (也许使用 %)。

谢谢

最佳答案

假设您提到的溢出发生在低于 0 级时,您可以在您的 javascript 中实现条件检查;如果升降机低于允许的最小高度(您需要自己测量),请不要进一步向下设置动画(如果滚动 Action 事件向下,则只需设置动画)。

-- 如果您的电梯没有 position:fixed 样式,这一切都是相关的,我担心它有。我的建议是切换到绝对定位,并让 js 代码始终将其居中到屏幕的 50%,除非它达到上限和下限,在这种情况下,它不会升高或低于您设置的限制你自己在代码中(见上文)。我还建议您使用 jquery animate() 函数,更新电梯的顶部或底部属性,以便在滚动事件(您需要检测滚动是向上还是向下)时为其设置动画,以便 Action 会更流畅。

总而言之,IMO 不可能在固定定位元素上创建位置限制,因为它设置在所有其他元素之上(因此不受兄弟或祖先位置样式的影响)。

希望这对您有所帮助。

编辑:关于为什么不使用固定定位的另一个注释;调整 Web 浏览器大小时,您的生活会表现不稳定,因为它使用固定的顶部位置(甚至不是基于百分比的值),它不会形成非常灵活的界面。

关于CSS DIV 越界,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7730942/

相关文章:

css - 用户滚动页面后将 div 保持在原位

css - 将 div 框定位在后续元素的末尾

javascript - 如何从 google map api 更改 map 位置?

javascript - CSS 如何使用倾斜过渡为斜线设置动画

jquery - Twitter Bootstrap 移动菜单 - 默认为未折叠状态

javascript - 是否可以使用 javascript 确定卷轴的最终位置?如果是这样,如何?

HTML GIF/动画启用/滚动开始?

jquery - 如何使 Colorbox iframe 随着向上/向下滚动而移动?

jquery - 应用边框时保持元素位置固定

css - 使并排表格匹配高度