Position 固定元件 go 超出页面/ window - 如何在某个时候停止？

Question

希望图片能很好地解释我遇到的问题，因为我什至不知道我应该搜索什么关键字。 “联系我橙色框”是一个覆盖框，使用 position 固定放置在底部和右侧。 但是，当重新调整 window “高度”的大小时，该框将 go 超出页面（参见屏幕截图 #2）。 有没有办法让覆盖框在某个时候停止？ 使用 CSS 或 jquery。 请帮忙><

Answer 1

将max-height属性设置为小于页面高度的值。 例如，你可以做max-height: 80%; . 将此样式放在要更改其高度的元素上。