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

2021-03-04 00:09:11 字數 3682 閱讀 4612

1樓:育知同創教育

參考**如下:

關鍵**:position:absolute;

定義和用法

position 屬性規定元素的定位型別。

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

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

2樓:千鋒教育

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

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

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

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

示例**如下:

i am still here!

i am content !

3樓:袁豫公孫博涉

將css中的position設成fixed就行例:some

text.22

2222

2222

2222

2222

2222

222你可以用這

個例子試一下

jsp頁面怎麼鎖定**中的第一行固定不會隨滾動條滾動

4樓:育知同創教育

jsp頁面鎖定**的第一行不動的方法是通過js實現的。

1、html**如下:

busplane

boat

bicycle

redgreen

blue

orange

purple

yellow

pink

brown

red bus

red plane

red boat

red bicycle

green bus

green plane

green boat

green bicycle

blue bus

blue plane

blue boat

blue bicycle

orange bus

orange plane

orange boat

orange bicycle

purple bus

purple plane

purple boat

purple bicycle

yellow bus

yellow plane

yellow boat

yellow bicycle

pink bus

pink plane

pink boat

pink bicycle

brown bus

brown plane

brown boat

brown bicycle

2、css**如下:

.clscroll table

.clscroll td, .clscroll th

.corner-header

.column-headers

.row-headers

.table-content

.clscroll td, .clscroll th

.row-headers, .table-content

.column-headers, .table-content, .table-content table, .column-headers table

3、js**如下:

$("#clscroll-content").scroll(function() );

$("#clscroll-column-headers").scroll(function() );

$("#clscroll-row-headers").scroll(function() );

5樓:匿名使用者

同乙個**,肯定不行。

可以用乙個div來模擬。

6樓:_怪我太天真

jsp 實現 凍結視窗。

給你乙個例項你可以看一下。應該是你要的效果。我這個是固定抬頭。和左邊第一列的程式你可以研究研究。

怎麼讓頁面不顯示滾動條但某個div允許有滾動條

7樓:千鋒教育

你說的頁面不顯

示滾動條指的是瀏覽器?如果超出內容才會出現滾動條,直接新增overflow:hidden就可以不顯示滾動條,然後某個div允許出現滾動條只需要給這個div新增overflow:

auto(也可以overflow-x:auto橫向滾動條,overflow-y:auto垂直滾動條)即可,前提是div寬高固定,

如何通過jquery將div的滾動條滾動到指定的位置

8樓:育知同創教育

var container = $('div');

container.scrolltop(100);//滾動到div 100px

如何通過jquery將div的滾動條滾動到指定的位置

9樓:育知同創教育

一、js**:

onload = function () ;

function scrolltolocation() , 2000);//2秒滑動到指定位置

}二、html**:

我是類容區域-1

我是類容區域-2

我是類容區域-3

我是類容區域-4

我是類容區域-5

我是類容區域-6

我是類容區域-7

我是類容區域-8

如何通過jquery將div的滾動條滾動到指定的位置

10樓:千鋒教育

//上面來

的scrolltop就是我們自

滾動bai條的位置,後面的1000,時間就是我們滾動的時間//如果不du想zhi滾動,而是一開啟就可以就用下面dao的**$(document).ready(function(e) );

如何通過jquery將div的滾動條滾動到指定的位置

11樓:笑喘是病得抽

1$(selector).scrolltop(offset)

可以設定滾動條位置。例如:

1$('.classname').scrolltop(110)//將滾動條滾動到110px處

如何通過jquery將div的滾動條滾動到指定的位置

12樓:千鋒教育

function moveto(x,y) 就定義這樣乙個函式,

然後自己呼叫就好了,x是指定的水平方向距離,y是指定的垂直方向距離

css如何把div永遠置於頁面的底部

position fixed bottom 0 這個方法簡單好用。運用這個css把div永遠置於頁面的底部 利用絕對定位,然後設定底部距離為0。這個div如果位置在所有div的後面,那麼只要前面的div 的高度夠高的話,它的位置就會在頁面的頁面的底部的,一般想你這種說的要讓他在頁面底部的話都是頁面高...

客廳綠蘿如何固定牆上,綠蘿如何固定在牆上

說到綠蘿怎麼掛牆上,很多人都會說用膠帶 籬架等等固定,引導它的伸張走向局可以慢慢爬滿整面牆壁了。很多人都知道綠蘿牆需要支架,但是卻忽略了它的生長速度也是乙個需要考慮的因素,想要綠蘿牆快點成型,快速的生長速度和固定缺一不可。綠蘿如何固定在牆上 如果牆面比較光滑的話用貼上式或吸壁市的掛鉤就可以固定。嫌麻...

讓網線固定在牆上的那個叫什麼名字

固定網線 電源線的都叫 線卡,根據需要購買合適的規格 叫做塑料鋼釘電線卡。這個五金件叫什麼名字?把網線釘在幹牆上的釘子,捆邦的叫什麼東西?你好 這個叫做 明線卡釘 俗稱 線卡 或者 卡釘 它有方形的,還有圓形的。房間的牆上固定網線 線的那塑料的帶兩釘子的那玩意兒叫什麼來著 一般稱之 來為 管卡 線卡...