文章详情页
javascript - 页面滚动条出现时如何防止页面跳动
浏览:307日期: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
相关文章:
1. MYSQL 运算的问题2. html5 - H5中播放的视频如何有效的进行知识产权保护-防下载防盗链3. PHP类中的$this4. 前端 - date属性的input文本框在微信上会出现奇怪的边框?5. html5 - 只用CSS如何实现input框的宽度随框里输入的内容长短自动适应?6. javascript - 小米浏览器中,图片导致fixed定位的元素无法显示7. javascript - webpack 配置8. html - 急求,能否用flex或者高端点的CSS来布局这个图呢?不想用浮动或定位了9. 请教各位大佬,浏览器点 提交实例为什么没有反应10. javascript - vue.js 中2个v-if 怎么处理?
排行榜

网公网安备