把一個(gè)div標(biāo)簽，給它的屬性設(shè)置position: fixed;bottom:0;固定在瀏覽器的最底部。

這個(gè)div標(biāo)簽在瀏覽器上下滾動(dòng)的時(shí)候，會(huì)一直保持在屏幕最底部，這一點(diǎn)沒有問題。但問題是當(dāng)瀏覽器寬度變的時(shí)候，左右移動(dòng)瀏覽器左右滾動(dòng)條，div標(biāo)簽居然會(huì)跟著屏幕一起左右滾，屏幕寬度縮小后，div里的某些內(nèi)容就顯示不全了，

這時(shí)候需要左右滾動(dòng)一下就看看擋住了的內(nèi)容，但是呢瀏覽器往右邊滾，div標(biāo)簽也跟著往右邊滾一些，就是看不到被擋住的內(nèi)容。

想要它也跟一般的頁面一樣，左右滾動(dòng)的時(shí)候能夠看到因屏幕寬度不夠而擋住了的內(nèi)容。

請問要怎么處理這種情況？

測試測試測試測試測試測試

css：

.fixedDIV{

position: fixed;

z-index: 99;

bottom: 0;

width:300px;

}

【問題已解決，多謝各位大神給的解決思路！】

只需要加一個(gè)計(jì)算瀏覽器左右滾動(dòng)的js就可以了。

例子如下:

window.οnscrοll=function(){

var sl=-Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);

document.getElementById('fixed').style.left=sl+'px';

};

里面的計(jì)算邏輯根據(jù)自己的頁面的實(shí)際需求改變一下就可以了。

總結(jié)

以上是生活随笔為你收集整理的html随页面移动固定,div设置了position: fixed属性后如何可以做到随浏览器左右移动？...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。