javascript怎麼禁用滾動條,我現在的需求是外面body有滾動條,內部div有滾動條

2021-03-21 11:53:43 字數 3900 閱讀 1875

1樓:兄弟連教育

指定文件型別,給所有父物件指定高度,給三個div指定30%高,並設overflow:auto;如:123

js怎麼讓body滾動條滾動到底或者到底了 滑鼠再滾動時讓另外一個div滾動 10

2樓:匿名使用者

我說說邏輯吧,如果寫**的話稍微繁瑣點,我覺得這樣是可以的:整個頁面的高度是可以用js獲取的,滾動條的當前高度也是可以用js獲取的,那就意味著body的滾動條有沒有到底部是完全可以通過js獲取的,然後,div的滾動也是可以獲取的,其實在頁面上實現切換div不停的滾動就是焦點的問題,當你body的滾動到底之後,將焦點用js控制到div上,繼續滾動,div的滾動就會實現了.你不妨試試.

用js或者jq如何禁用body滾動條 但是不禁用div的滾動條,body滾動條也不隱藏 30

3樓:曉小徽

body定高, 超過不顯示, 然後div滾動條自動

html js 或者css怎麼做到隱藏滾動條,但是依舊可以滾動?

4樓:匿名使用者

以前這個問題我也想了一陣子,但是又不想用外掛什麼的。

給你個思路。一個外部div裡設定寬高設定overflow:hidden,然後裡面插入一個div 設定

寬度width: 102%;height: 100%;overflow-x:

hidden;overflow-y: auto;padding-right:30px;/*這個padding可以自己調整*/

然後在再插入的div裡插入內容就可以了,這樣滾動條就會超出視線範圍而被隱藏了。

你可以參考我的**裡blog欄目裡那些彈窗滾動vganchou點***

5樓:加百列

一、文字溢位,就讓文字自動換行,**如下:

二、隱藏內層div的寬度

擴充套件資料:overflow這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll,不論是否需要,使用者**都會提供一種滾動機制。

因此,有可能即使元素框中可以放下所有內容也會出現滾動條。

參考資料:w3school--css overflow 屬性

6樓:大野瘦子

1、2、css:

.outer-container

.inner-container

使用 overflow:hidden 隱藏滾動條,但存在的問題是頁面或元素失去了滾動的特性,由於只需要相容移動瀏覽器(chrome 和 safari)

應用如下 css 可以隱藏滾動條:

.element::-webkit-scrollbar如果要相容 pc 其他瀏覽器(ie、firefox 等),在容器外面再巢狀一層 overflow:

hidden 內部內容再限制尺寸和外部巢狀層一樣,就變相隱藏了。

7樓:匿名使用者

既然已經用了js可以考慮另外一個方案

一個div固定高度,超出部分影藏,在巢狀一個div,這個div沒有固定高度,然後用js獲取到滑鼠在裡面這個div高度的移動值,吧這個值給裡面div做一個y軸的移動,這樣就沒有滾動條顯示,在滑鼠移動的時候也會上下滾動

8樓:匿名使用者

::-webkit-scrollbar

目前本方法只在webkit核心瀏覽器中有效(chrome,safari)。可以用js做漸變的隱藏滾動條特效,依舊可以滾動。你可以在js裡面寫判定當使用者滑鼠不動一定時間然後消失。

我對js不是特別瞭解(只能看懂和修改js**的程度的能力,但是無論任何js**都敢修改的程度),這效果能做出來的,我就不貼具體**了。不需要巢狀,純原生。將來瀏覽器會支援這個效果的。

或者你用滾動條外掛(不推薦)

9樓:匿名使用者

這個問題暫時還沒有確切的答案,你可以在等等其他人回答,或者自己去網上搜搜,貼吧論壇之類的地方看看,也許有人知道。

如何在網頁上某一個div內滾動滾動條時,禁止整個document的滾動

10樓:桃花深水千萬仗

div的滾動條滾動時,document本來就不會滾啊,除非你那個div沒獲得焦點,或是滾動條到了底部或頂部。 $('#div').hover( function(), function()) 讓滑鼠在div上...

11樓:匿名使用者

overflow:scroll;這樣應該就行了

12樓:戎忍秦絲雨

position:fixed

懸浮屬性

js中當彈出一個div後,如何禁止滾動和編輯頁面???

我有一個大div,裡面有很多個小div,大div設定了滾動條,我想第一個小div不受滾動條影響,始終顯示.

13樓:匿名使用者

設定滾動條的話只要是div內部的內容都會隨著滾動條而移動;所以你想內容不受影響,那麼就讓它不要在div裡面不就行了?比如設定絕對定位讓div移動到位置,又或者是這個小div本來是與大div是同級的,你設定負值的外邊距margin-bottom:-30px;就可以移動到下面去

14樓:匿名使用者

可以實現的。稍微以下**即可。

固定不動的內容在此

ggggggggg

gggggggg

gggggg

ggggg

gggggg

ggggg

gggggggg< br/>gggggggggggggg

ggggggggg

gggggsda

fgsdfsdfsdfsdfsd

15樓:匿名使用者

固定內容下方

隨滾動條

滾動的內容

16樓:匿名使用者

固定不動的內容在此

ggggggggg

gggggggg

gggggg

ggggg

gggggg

ggggg

gggggggg< br/>gggggggggggggg

ggggggggg

gggggsda

fgsdfsdfsdfsdfsd

17樓:大gurren團

改第一個小div的css樣式

18樓:流櫻紫

將第一個div懸浮固定頁面距離

怎樣讓div的滾動條禁用

19樓:

啟用禁用時,設定js

document.documentelement.style.overflowy = 'hidden';

當還原時候,只需要把屬性重置scroll就可以了document.documentelement.style.overflowy = 'scroll';

20樓:名字好費勁

overflow-y:scroll; 總是顯示縱向滾動條overflow-y:visible : 不剪下內容也不新增縱向滾動條

overflow-x:scroll; 總是顯示橫向滾動條overflow-x:visible : 不剪下內容也不新增橫向滾動條

21樓:匿名使用者

overflow:hidden

用js怎麼禁止window物件的滾動條滾動?

22樓:匿名使用者

以下**我在ie,ff,opera等瀏覽器之中測試通過……希望對你有幫助~~

滑鼠移上來滾動條滑輪看看

javascript怎麼實現如下所述二維陣列去重

有二種方來式 方法一 直接定義並且源初始化 var thearray 0 1 0 2 1 1 1 2 2 1 2 2 定義了一個3 2的二維陣列 方法二 未知長度的二維陣列 var tarray new array 先宣告一維for var k 0 k var arr a 1 b 2 a 2 var...

滾字的拼音用漢字怎麼寫,滾的拼音怎麼讀

滾 的拼音為copy g n 組詞 滾壩 g n b 築于田畔阻止水流的堤壩 滾邊 g n bi n 織品 衣服或毛毯邊上的裝飾花邊 印花或其他圖案 滾動 g n d ng 翻滾離開 滾沸 g n f i 沸騰翻滾 滾瓜爛熟 g n gu l n sh 記憶牢固,能極為順利嫻熟地誦讀,朗朗上口 用法...

oppo手機指紋解鎖禁用怎麼回事

oppo手機怎麼取消指紋 指紋密碼的設定方法您可以使用指紋密碼快速解鎖,最多可新增5個手指指紋。開啟指紋密碼後,喚醒手機按壓螢幕指示位置即可完成解鎖。1 錄入指紋 1 如果您在首次設定手機時沒有錄入指紋,進入手機 設定 密碼與安全 指紋 面部與密碼 指紋 拍察遲 新增指紋 然後按照螢幕指示操作。2 ...