如何讓div滾動時頁面不跟著滾動

1樓：言靈_終結

div

如何讓div滾動時頁面不跟著滾動？

2樓：年年好運

滾動條是容器所固有的，不管是外面的滾動條，還是裡面的滾動條，只要讓固定的div和body或者html容器脫離關係，即可實現div固定在頁面而不隨著滾動條隨意滾動。

1.html,body，將預設出現的滾動條，完全地隱藏，這樣不管什麼內容都不會出現了。

2.virtual_body，寫一個假的body，設定它的長寬為100%，這樣利用可視的瀏覽器窗體顯示所有的內容，並垂直允許出現滾動條。

3.fixed_div，用它進行絕對值進行定位，因為在這個容器下，該頁面100%的被假冒body覆蓋了，滾動條自然也顯示不出來了。

4.i am still here!

i am content !。

如何讓div固定在頁面而不隨著滾動條隨意滾動

3樓：勤奮的小號

你可以來對div設定css屬性，相對於頁源面定位：position:fixed;

position屬性bai再搭配top、bottom、right、left確定div位於頁面的具體du位置，比如：

top:10px; right:20px;

另外，因為div是相對與

zhi頁面定位dao，在滾動條滾動時，其他的html元素可能因為在它之上而將它遮擋上（如果你的這個div先寫的，後又寫很多div什麼的，就可能將它壓載下面看不到了），如果希望這個div一直保持可見（也就是在最上層），可以再設定屬性z-index：

z-index：999； //數值大就在上面希望對你有幫助。

4樓：匿名使用者

用定位：

當然也可以是bottom或者right，一個橫向一個縱向。

怎麼讓div固定在頁面的某個位置而不隨著滾動條隨意滾動？

5樓：匿名使用者

吧一個內容固定到某來一個位

自置，相對與瀏覽器bai

視窗進行定位就du可以了。

定位 position 通常有zhi absolute 絕對定位，relative 相對定位，這個dao都是相對於body裡面的塊元素來說的，但是如果說想要吧某一個內容就國定在某一個位置，無論滾動條滑到**，他依然在瀏覽器視窗這個位置，就需要用到fixed了。

fixed 元素框的表現類似於將 position 設定為 absolute，不過其包含塊是視窗本身。同意具有 left 、 top、right、bottom 的值他的用法和 absolute 類似

詳情可以參考一下 w3c 裡面的解釋。

6樓：

給div 加固定定位，比如你要固定到右下角：div

7樓：匿名使用者

設定div為固定bai位置。如：

du這樣就會固定zhi在left:300px；top:300px;的位置dao

，不會隨著滾動條的版滾權動而滾動

怎麼讓div固定在頁面的某個位置而不隨著滾動條隨意滾動

8樓：匿名使用者

吧一個抄內容固定到某一個襲位置，相對與瀏覽器視窗進行定位就可以了。

定位 position 通常有 absolute 絕對定位，relative 相對定位，這個都是相對於body裡面的塊元素來說的，但是如果說想要吧某一個內容就國定在某一個位置，無論滾動條滑到**，他依然在瀏覽器視窗這個位置，就需要用到fixed了。

fixed 元素框的表現類似於將 position 設定為 absolute，不過其包含塊是視窗本身。同意具有 left 、 top、right、bottom 的值他的用法和 absolute 類似

詳情可以參考一下 w3c 裡面的解釋。

9樓：匿名使用者

設定div為固定位置。如：

這樣就會固定在left:300px；top:300px;的位置，不會隨著滾版動條的滾動

而滾權動

如何讓div固定在頁面的某個位置而不隨著滾動條隨意滾動

10樓：匿名使用者

參考代bai碼如下：

關鍵**du：position:absolute;

定義zhi和用dao

法position 屬性回規定元素的定位型別答。說明

這個屬性定義建立元素佈局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什麼型別。相對定位元素會相對於它在正常流中的預設位置偏移。

11樓：

給div 加固定定位，比如你要固定到右下角：div

12樓：淡雪珍萇喆

使用固來定定自位，如

這樣就使得div固定在left:100px;

top:100px的地方了

css div 固定一個div 使這個div不隨著網頁的滾而滾動就是把這個div固定在一個位置任何時候都在一個位置

13樓：飛喵某

1、需要使用固定定位才能做到這樣的效果。具體方法是首先開啟html編輯器，首先設定一個容器div，然後設定一個用來演示效果的div，分別設定class屬性名為container和fixed：

2、在style標籤中設定樣式，設定container的position屬性為相對定位，並且給它一個很高的高度，然後給fixed設定高度和寬度，以及顏色等屬性，這裡的重點是設定position屬性為fixed，以及設定top和left屬性控制div的位置，設定完成後儲存檔案：

3、開啟瀏覽器，可以看到div並且可以觀察到進度條是最上面的：

4、接著將進度條拉倒最下面，可以發現div還是在原來的位置保持不變。以上就是用fixed屬性設定div固定位置的方法：

14樓：

給div加個position:fixed;top:0px; left:

0px;可讓該div固定在網頁的頂部左側，且不會隨網頁而滾動。如若想固定在其他位置，只需要改動top,left,right,bottom屬性值即可。

15樓：匿名使用者

用css的position:fixed; 絕對定位不動

16樓：q我

用絕對定位

//絕對定位和相對定位

position: absolute;

z-index: 100;

left: 100px;

top: 100px;

--------------------

position: relative;父元素position: absolute;子元素

17樓：

可以使用position定位

1、position：absolute 絕對定位

生成絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

2、position：fixed 固定定位

生成絕對定位的元素，相對於瀏覽器視窗進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

3、position：relative 相對定位

生成相對定位的元素，相對於其正常位置進行定位。

因此，"left:20" 會向元素的 left 位置新增 20 畫素。

根據你講的，使用position：fixed固定定位

18樓：匿名使用者

用css的position:fixed;可以固定，如下例項：我不動

19樓：迴夢無恨

選單子選單

子選單子選單

如何讓div滾動時頁面不跟著滾動

div下ul如何垂直居中，如何讓div水平垂直居中

html頁面滾動條樣式如何修改通過css 還是

css如何讓兩個div並排,div1左對齊,div2對齊di

其他用戶還看了：