把一個div標簽，給它的屬性設置position: fixed;bottom:0;固定在瀏覽器的最底部。

這個div標簽在瀏覽器上下滾動的時候，會一直保持在屏幕最底部，這一點沒有問題。但問題是當瀏覽器寬度變的時候，左右移動瀏覽器左右滾動條，div標簽居然會跟著屏幕一起左右滾，屏幕寬度縮小后，div里的某些內容就顯示不全了，

這時候需要左右滾動一下就看看擋住了的內容，但是呢瀏覽器往右邊滾，div標簽也跟著往右邊滾一些，就是看不到被擋住的內容。

想要它也跟一般的頁面一樣，左右滾動的時候能夠看到因屏幕寬度不夠而擋住了的內容。

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

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

css：

.fixedDIV{

position: fixed;

z-index: 99;

bottom: 0;

width:300px;

}

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

只需要加一個計算瀏覽器左右滾動的js就可以了。

例子如下:

window.οnscrοll=function(){

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

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

};

里面的計算邏輯根據自己的頁面的實際需求改變一下就可以了。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。