CSS DIV 越界

Question

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

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

谢谢

Answer 1

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

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

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

希望这对您有所帮助。

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