您的位置:首页技术文章
文章详情页

javascript - 页面滚动条出现时如何防止页面跳动

浏览:66日期:2023-05-30 15:57:52

问题描述

页面滚动条出现时如何防止页面跳动

前提:

1、需要兼容ie8+2、页面高度随内容变化而定(即是不是固定高度)

问题:现代浏览器滚动条默认是 overflow:auto 类型的,但是现在需要定义一个元素靠右(.tips{

position: fixed;right: 0;top: 100px;z-index: 10; height: 250px;width: 300px;

}),当内容高度足够时页面会出现闪烁一下,tips 元素右边会被隐藏一个宽度(滚动条的宽度)。有什么办法可以解决呢?

问题解答

回答1:

overflow: visible;

因为用户屏宽各种各样,如果你不能接受闪烁,就加一个样式让滚动条始终显示吧

标签: JavaScript
相关文章: