我试图限制http://www.liftdesignphoto.com/test/中的滚动,因为它使升力超出范围。

有没有一种方法可以重新计算位置,使其不会超出范围? (可能使用%)。

谢谢

最佳答案

假设您提到的溢出发生在低于0级时发生,则可以在JavaScript中实现条件检查;如果举升高度低于允许的最低高度(您需要自己测量),则不要对其进行进一步的动画处理(如果滚动动作事件为向下,则不要进行动画处理)。

-如果您的电梯没有固定的位置,这很重要,我担心它会固定。我的建议是切换到绝对定位,并让js代码始终将其居中放置在屏幕的50%处,除非达到最高和最低限制,在这种情况下,它不会升高或低于您设置的限制您自己在代码中(请参见上文)。我还建议您使用jquery animate()函数,更新电梯的top或bottom属性,以便在滚动事件(您需要检测滚动是向上还是向下)上对其进行动画处理,以便动作会更加流畅。

可以说,IMO无法在固定位置元素上设置位置限制,因为它位于所有其他元素之上(因此不受同级或祖先位置样式的影响)。

希望这可以帮助。

编辑:关于为什么不使用固定位置的另一个说明;调整Web浏览器的大小时,您的生活会不正常,因为它使用固定的顶部位置(甚至不是基于百分比的值),也无法提供一个非常灵活的界面。

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

10-14 14:38
查看更多