當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

html中滚动栏的样式

發布時間：2023/11/29 编程问答 31 豆豆

生活随笔收集整理的這篇文章主要介紹了 html中滚动栏的样式小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

DIV滾動欄設置（CSS）2008/09/26 03:07div 中滾動欄的控制2008年01月06日星期日 01:181)隱藏滾動欄
<body style="overflow-x:hidden;overflow-y:hidden">
(2)怎樣在單元格或圖層中出現滾動欄
<div style="width:200px;height:200px;overflow-x:auto;overflow-y:auto;"></div>
(3)javascript改變框架中滾動欄的樣式，比方改變顏色、改為平面效果等
<STYLE> ?
BODY?? {SCROLLBAR-FACE-COLOR:?? #ffcc99; ?
?????????????? SCROLLBAR-HIGHLIGHT-COLOR:?? #ff0000; ?
?????????????? SCROLLBAR-SHADOW-COLOR:?? #ffffff; ?
?????????????? SCROLLBAR-3DLIGHT-COLOR:?? #000000; ?
?????????????? SCROLLBAR-ARROW-COLOR:?? #ff0000; ?
?????????????? SCROLLBAR-TRACK-COLOR:?? #dee0ed; ?
?????????????? SCROLLBAR-DARKSHADOW-COLOR:?? #ffff00;} ?
</STYLE> ?
? ?
說明：?? ?
scrollbar-3dlight-color:color;設置或檢索滾動欄亮邊框顏色；?? ?
scrollbar-highlight-color:color;設置或檢索滾動欄3D界面的亮邊顏色；?? ?
scrollbar-face-color:color;設置或檢索滾動欄3D表面的顏色；?? ?
scrollbar-arrow-color:color;設置或檢索滾動欄方向箭頭的顏色；當滾動欄出現但不可用時，此屬性失效；?? ?
scrollbar-shadow-color:color;設置或檢索滾動欄3D界面的暗邊顏色；?? ?
scrollbar-darkshadow-color:color;設置或檢索滾動欄暗邊框顏色；?? ?
scrollbar-base-color:color;設置或檢索滾動欄基準顏色。其他界面顏色將據此自己主動調整。?? ?
scrollbar-track-color:color;設置或檢索滾動欄的拖動區域顏色?? ?
備注：?? ?
color為你要設置的顏色代碼，能夠是16進制的，比方#FF0000，能夠是以RGB表示的，比方rgb(255,0,255)；設置滾動欄樣式的時候不必要把全部的屬性都用上才會生效。
(4)javascript中的頁面元素定位
clientX、clientY是鼠標當前相對于網頁的位置，當鼠標位于頁面左上角時clientX=0, clientY=0；
offsetX、offsetY是鼠標當前相對于網頁中的某一區域的位置，當鼠標位于頁面中這一區域的左上角時offsetX=0, offsetY=0；
screenX、screenY是鼠標相對于用戶整個屏幕的位置；
x、y是鼠標當前相對于當前瀏覽器的位置
scrollLeft：設置或獲取位于對象左邊界和窗體中眼下可見內容的最左端之間的距離（由于有滾動欄的產生，所以眼下頁面可見內容是不定的）。
scrollTop：設置或獲取位于對象最頂端和窗體中可見內容的最頂端之間的距離。
left：對象相對于頁面的X坐標。
top：對象相對于頁面的Y坐標
(4)屏蔽選擇,右鍵等
<body οncοntextmenu=self.event.returnValue=false onselectstart="return false">

總結

以上是生活随笔為你收集整理的html中滚动栏的样式的全部內容，希望文章能夠幫你解決所遇到的問題。

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

html
样式