網頁中新增模擬滾動條

2021-10-01 05:47:31 字數 759 閱讀 8471

網頁中有乙個table**,**呈現的資料字段比較多,為了資料展現的效果,給每個欄位列都設定了寬度,這樣雖然每個列都可以顯示較為理想的效果,但是整個table的就會超出當前螢幕的寬度,整個時候我給table加了個容器,就是給table外面加了一層div,把table給包裹了起來.這樣table超出螢幕寬度時我讓它的容器出現滾動條,以便讓所有的字段可以通過拖動滾動條的形式展示出來.

實現上,使用table或者它的容器的滾動條肯定是不行的,我們可以通過寫乙個空的標籤來專門實現這個滾動條,我們暫且稱這個乘放滾動條的空標籤為滾動條容器.我們設定滾動條容器的寬度為table的寬度.table容器也設定乙個寬度,超出則出現滾動條.同時我們設定table容器滾動條和滾動條容器滾動關聯.

// **容器滾動條和滾動條容器關聯滾動效果

$(".sco").scroll(function() );

$(".scroll-sim").scroll(function() );

有一點需要注意的是,safari瀏覽器上,除了要給父容器設定overflow-x:auto外,還要給本身也設定overflow-x:scroll;屬性才可以出現滾動條.

模擬滾動條

作曲 俞灝明 作詞 俞灝明 吳夢知 演唱 俞灝明 如果痛是一種形容 我也會倔強到最終 沉默是最完美的互動 怕什麼有我陪你瘋 平凡的苦衷說愛說痛都太籠統 被故事選中沒資格懵懂 就算沒觀眾自己第乙個被感動 我相信到最後一分鐘 如果狠是一種從容 我也不肯選擇被動 如果有所謂的太貧窮 不過是不敢再做夢 平凡...

模擬滾動條

jquery外掛程式 jquery.mousewheel.js 11 全面負責管理運營。全面負責管理運營。全面負責管理運營。全面負責管理運營。全面負責管理運營。全面負責管理運營。全面負責管理運營。全面負責管理運營。全面負責管理運營。全面負責管理運營。22 全面負責管理運營。全面負責管理運營。全面負責...

java中新增滾動條

首先定義乙個jtextarea textarea new jtextarea 物件,然後在定義乙個jscrollpane scrollpane new jscrollpane jtextarea 注意將應將jtextarea置於jscrollpanel中,設定一些textarea的屬性 textar...