顶部导航栏加了position:fixed属性后,当窗口缩放后拉动滚动条,顶部导航栏不随之滚动,
我们可以这样解决
在js代码中加如下代码:
window.onscroll = function() {
var sl = -Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
document.getElementById('fixed').style.left = sl + 'px';
console.log(sl);
}
可能在手机浏览时还会出现这个问题再把它的css代码加上overflow-x: hidden即可
.head {
background: #fff;
position: fixed;
z-index: 100;
min-width: 1200px;
height: 60px;
background: #fff;
top: 0;
bottom: 0;
/* overflow-x: scroll;*/
overflow-x: hidden;
}
我们可以这样解决 在js代码中加如下代码: window.onscroll = function() { v...
解决头部适配问题，但是使用了Position为fixed，所以当浏览器窗口缩小的时候虽有滚动条但是头部 不会随之滚动。
一.position:fixed/absolute出现随屏幕滚动情况在position:fixed/absolut...
固定定位：现对于浏览器窗口进行定位 ( 固定元素不会随，页面翻滚而滚动 )代码-->position：fixed;
2017.01.09 问题：iOS下，header滚动时吸顶，使用position:fixed，当底下输入评论文本...
固定定位（position:fixed); 相对于浏览器的窗口定位： 不会随着页面的滚动，而变化位置 相对定位（p...
IE浏览器position:fixed元素滚动时闪烁，好像一下子又退回到原始时代要兼容IE6时的问题。所以搜索时跑...
固定定位 position:fixed 固定定位是相对与浏览器窗口来定位, 就算页面滚动, 固定定位元素的位置不会...
最近用到position：fixed的定位方式，然后当页面滚动速度过快时，再谷歌浏览器上出现了抖动现象。网上搜了一...
说明 1、方法一：将fixed定位的内容移出 滚动视图外2、方法二：在使用position:fixed的元素上加上...
本文标题：关于加了position:fixed的浏览器滚动问题
本文链接：https://www.haomeiwen.com/subject/cygotftx.html
网友评论