CSS顯示隱藏捲軸執行個體代碼

來源:互聯網
上載者:User
frameset架構下顯示隱藏捲軸

<frame src=\'#\'" id="resDefaultFrame" name="resDefaultFrame" scrolling="auto" />

scrolling="Auto" YES 表示要顯示捲軸

NO 表示無論如何都不要顯示捲軸

AUTO 視情況而定。

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

CSS載入時隱藏捲軸

<body style="overflow:hidden">

或者 <body style=" overflow-x:hidden;overflow-y:hidden;">

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

div顯示上下、左右捲軸

<div style="width:260px;height:120px; overflow:scroll; border:1px solid;">

這裡是你要顯示的內容 </div>

div顯示上下捲軸的css代碼

<div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;">

這裡是你要顯示的內容 </div>

div顯示左右捲軸的css代碼

<div style="width:260px;height:120px; overflow-x:scroll; border:1px solid;">

這裡是你要顯示的內容 </div>

修改捲軸顏色的代碼

SCROLLBAR-FACE-COLOR(立體捲軸凸出部分的顏色)

SCROLLBAR-HIGHLIGHT-COLOR(捲軸空白部分的顏色)

SCROLLBAR-SHADOW-COLOR(立體捲軸陰影的顏色)

SCROLLBAR-ARROW-COLOR(上下按鈕上三角箭頭的顏色)

SCROLLBAR-BASE-COLOR(捲軸的基本顏色)

SCROLLBAR-DARK-SHADOW-COLOR(立體捲軸強陰影的顏色)

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.