创建最小 Thumb 大小的 ScrollBar 以下示例创建一个ScrollBar,其中包含一个具有最小大小的Thumb。 该示例设置VerticalScrollBarButtonHeightKey的值。 若要创建具有最小宽度的Thumb的水平ScrollBar,请设置HorizontalScrollBarButtonWidthKey。 XAML <StyleTargetType="ScrollBar"><SetterProperty="Template"><Sett...
当然,新规范没有这么复杂,我们简化上述的图,可以得到这么一张图: 而scrollbar-color能够设置的,正是上图中的 track 和 thumb 的颜色: 轨道(track)是指滚动条,其一般是固定的而不管滚动位置的背景。 滑块(thumb)是指滚动条通常漂浮在轨道的顶部上的移动部分。 简单举个例子: 代码语言:javascript 代码运行次数:0...
::-webkit-scrollbar-thumb { border-radius: 6px; box-shadow: inset 0 0 1px 0 #f2f2f2; border: 3px solid #f2f2f2; background-color: #D9D9D9; } /* 滚动条滑块hover时样式 */ ::-webkit-scrollbar-thumb:vertical:hover, ::-webkit-scrollbar-thumb:horizontal:hover { background-color: ...
} ::-webkit-scrollbar-thumb 滚动条上的滚动滑块 eg:设置滑块背景色 .box::-webkit-scrollbar-thumb{background-color:blue;} ::-webkit-scrollbar-track 滚动条轨道, 与::-webkit-scrollbar不同的是::-webkit-scrollbar-track设置的是滑块可滑动区域的样式。 eg: 设置滚动条轨道背景色 .box::-webkit-scr...
Thumb 部件 此部件是必需的。Thumb 是滚动条中可移动的元素。 若要将表示 Thumb 的一个或多个对象变为Thumb控件(HorizontalThumb或VerticalThumb),请将Thumb部件放入Root部件的中间列/行中,并且设置Thumb部件的Width和Height属性,以便此列(或行)将调整大小以适应 Thumb。
::-webkit-scrollbar-thumb { background-color: orange; } /* 滚动条轨道 */ ::-webkit-scrollbar-track { background-color: hotpink; } 通过效果图我们可以发现,设置的滚动条轨道背景色遮住了设置的整个滚动条的背景色(天蓝)。那是否可以实现两种背景色里外嵌套的效果呢,目前做出了几种尝试都没有效果,只...
VScrollBarThumbSkin Защищенныесвойства Показатьунаследованныезащищенныесвойства СвойствоОпределено paddingRight:int Заполнениесправа ...
ScrollBarThumbBoxSize 屬性 參考 意見反應 定義 命名空間: Windows.UI.ViewManagement 編輯 取得與應用程式檢視相關聯之視窗的 Thumb 方塊大小。 C# 複製 public Size ScrollBarThumbBoxSize { get; } 屬性值 Size Thumb 方塊的大小。 適用於 產品版本 WinRT Build 10240, Build 10586, Build 14383, ...
public static ThemeResourceKey ScrollBarThumbMouseOverBorderColorKey { get; } 属性值类型:Microsoft.VisualStudio.Shell.ThemeResourceKey.NET Framework 安全性对直接调用方的完全信任。此成员不能由部分信任的代码使用。有关更多信息,请参见通过部分受信任的代码使用库。请参见参考...
상속 TextAreaVScrollBarThumbSkin VScrollBarThumbSkin MobileSkin UIComponent FlexSprite Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object 언어 버전: ActionScript 3.0 제품 버전: Flex 4.5 런타임 버전: AIR 2.5 The ActionScript-based s...