精华内容
下载资源
问答
  • scrollbar

    2020-12-25 19:41:31
    <div><p>is this scrollbar such as browser scrollbar - if it is, can we maybe style it on our end? <p>or add mby smth like this: https://github.serafin.io/vuebar/</p><p>该提问来源于开源项目:...
  • Scrollbar

    2017-04-26 15:48:00
    Scrollbar(滚动条)组件用于滚动一些组件的可见范围,可分为垂直和水平的。 用法: from tkinter import * root =Tk() #滚动条组件 sb = Scrollbar(root) sb.pack(side=RIGHT,fill=Y) #列表组件 #用...

    Scrollbar(滚动条)组件用于滚动一些组件的可见范围,可分为垂直和水平的。

    用法:

    from tkinter import *
    root =Tk()
    
    #滚动条组件
    sb = Scrollbar(root)
    sb.pack(side=RIGHT,fill=Y)
    
    
    #列表组件
    #用列表组件里面的yscrollballcommand命令启动滚动条
    lb = Listbox(root,yscrollcommand=sb.set)
    lb.pack(side=LEFT,fill=BOTH)
    
    for i in range(1000):
        lb.insert(END,i)
    
    sb.config(command=lb.yview)
    
    mainloop()

     

    转载于:https://www.cnblogs.com/themost/p/6768985.html

    展开全文
  • ScrollBar

    千次阅读 2015-04-14 16:29:11
    Android中的View对于ScrollBar和Scroll的支持是非常灵活的,不仅仅是UI样式可变,计算参数的方式也是可变的。  在Android中,任何View都可以显示出ScrollBar,唯一的条件是自身高度不足以显示全部内容。  在UI...

    Android中的View对于ScrollBar和Scroll的支持是非常灵活的,不仅仅是UI样式可变,计算参数的方式也是可变的。
         在Android中,任何View都可以显示出ScrollBar,唯一的条件是自身高度不足以显示全部内容。

         在UI元素上,ScrollBar由两部分组成,一个是Track(滑道),一个是Thumb(滑块),这两部分都是可以定制的(指定自定义的drawable),另外ScrollBar的宽度(竖向)或高度(横向)也是可以控制的,相关的控制属性是:

    android:scrollbarThumbHorizontal
    android:scrollbarThumbVertical
    android:scrollbarTrackHorizontal
    android:scrollbarTrackVertical
    android:scrollbarSize

        ScrollBar分为竖向的和横向的,也可以强制去掉,控制这一点的属性是:android:scrollbars
        对于竖向的ScrollBar,我们还可以控制它是显示在左边还是右边,控制这一点的函数是:setVerticalScrollbarPosition
        横向ScrollBar只能显示在下面。

        ScrollBar还有淡出效果,在时间参数和是否允许淡出方面,我们是可以控制的:

    android:fadeScrollbars
    android:scrollbarDefaultDelayBeforeFade
    android:scrollbarFadeDuration

        在ScrollBar淡出之后,ScrollBar一般是完全看不见的,但是我们可以选择Track始终可见:

    android:scrollbarAlwaysDrawHorizontalTrack
    android:scrollbarAlwaysDrawVerticalTrack

        android:isScrollContainer是一个令人迷惑的属性,设置它或者不设置它,有时并不能带来明显的区别。如果设置为true且它的子View包含EditText,并且连接到输入法(此时软键盘会弹出 ),那么软键盘会尽最大可能挤压该View,那样的话,该View的整个内容都会出现在软键盘之上,而不是部分内容被遮住。但是即使不设置该属性,有时仍然能达到上述效果,这是因为 Android在挤压View的时候,也会考虑其它因素,设置该属性可以在这方面得到一个保证。下面的问答很好的解释了这个属性的意义和原理:
    http://stackoverflow.com/questions/5308247/what-does-androidisscrollcontainer-do

        android:scrollbarStyle控制着ScrollBar的显示位置和样式,可取的值如下:

    insideOverlay
    insideInset
    outsideOverlay
    outsideInset

        inside表示显示在padding区域的内侧,outside表示显示在padding区域的外侧。
        Inset表示将自动增加padding以显示ScrollBar(这意味着内容区域将缩小),Overlay表示不会增加padding以显示ScrollBar,而是浮动在内容上面(可能会遮住内容)。

        以下是几个自定义方法,View提供了默认实现,具体类还需自己实现,如果有必要的话:


    computeHorizontalScrollExtent
    computeHorizontalScrollOffset
    computeHorizontalScrollRange
    computeVerticalScrollExtent
    computeVerticalScrollOffset
    computeVerticalScrollRange
    computeScroll

        以下方法可以在实现的时候调用:

    canScrollHorizontally
    canScrollVertically
    

    awakenScrollBars

    附 layout.xml的一些属性值

    第一类:属性值 true或者 false
    android:layout_centerHrizontal 水平居中
    android:layout_centerVertical 垂直居中
    android:layout_centerInparent 相对于父元素完全居中
    android:layout_alignParentBottom 贴紧父元素的下边缘
    android:layout_alignParentLeft 贴紧父元素的左边缘
    android:layout_alignParentRight 贴紧父元素的右边缘
    android:layout_alignParentTop 贴紧父元素的上边缘
    android:layout_alignWithParentIfMissing 如果对应的兄弟元素找不到的话就以父元素做参照物
    android:layout_alignParentStart紧贴父元素结束位置开始
    android:layout_alignParentEnd紧贴父元素结束位置结束
    android:animateLayoutChanges布局改变时是否有动画效果
    android:clipChildren定义子布局是否一定要在限定的区域内
    android:clipToPadding定义布局间是否有间距
    android:animationCache定义子布局也有动画效果
    android:alwaysDrawnWithCache定义子布局是否应用绘图的高速缓存
    android:addStatesFromChildren定义布局是否应用子布局的背景
    android:splitMotionEvents定义布局是否传递touch事件到子布局
    android:focusableInTouchMode定义是否可以通过touch获取到焦点
    android:isScrollContainer定义布局是否作为一个滚动容器 可以调整整个窗体
    android:fadeScrollbars滚动条自动隐藏
    android:fitsSystemWindows设置布局调整时是否考虑系统窗口(如状态栏)
    android:visibility定义布局是否可见
    android:requiresFadingEdge定义滚动时边缘是否褪色
    android:clickable定义是否可点击
    android:longClickable定义是否可长点击
    android:saveEnabled设置是否在窗口冻结时(如旋转屏幕)保存View的数据
    android:filterTouchesWhenObscured所在窗口被其它可见窗口遮住时,是否过滤触摸事件
    android:keepScreenOn设置屏幕常亮
    android:duplicateParentState是否从父容器中获取绘图状态(光标,按下等)
    android:soundEffectsEnabled点击或触摸是否有声音效果
    android:hapticFeedbackEnabled设置触感反馈
    第二类:属性值必须为id的引用名“@id/idname”
    android:layout_alignBaseline 本元素的文本与父元素文本对齐
    android:layout_below 在某元素的下方
    android:layout_above 在某元素的的上方
    android:layout_toLeftOf 在某元素的左边
    android:layout_toRightOf 在某元素的右边
    android:layout_toStartOf本元素从某个元素开始
    android:layout_toEndOf本元素在某个元素结束
    android:layout_alignTop 本元素的上边缘和某元素的的上边缘对齐
    android:layout_alignLeft 本元素的左边缘和某元素的的左边缘对齐
    android:layout_alignBottom 本元素的下边缘和某元素的的下边缘对齐
    android:layout_alignRight 本元素的右边缘和某元素的的右边缘对齐
    android:layout_alignStart本元素与开始的父元素对齐
    android:layout_alignEnd本元素与结束的父元素对齐
    android:ignoreGravity 指定元素不受重力的影响
    android:layoutAnimation定义布局显示时候的动画
    android:id 为布局添加ID方便查找
    android:tag为布局添加tag方便查找与类似
    android:scrollbarThumbHorizontal设置水平滚动条的drawable。
    android:scrollbarThumbVertical设置垂直滚动条的drawable
    android:scrollbarTrackHorizontal设置水平滚动条背景(轨迹)的色drawable
    android:scrollbarTrackVertical设置垂直滚动条背景(轨迹)的色drawable
    android:scrollbarAlwaysDrawHorizontalTrack 设置水平滚动条是否含有轨道
    android:scrollbarAlwaysDrawVerticalTrack 设置垂直滚动条是否含有轨道
    android:nextFocusLeft 设置左边指定视图获得下一个焦点
    android:nextFocusRight设置右边指定视图获得下一个焦点
    android:nextFocusUp设置上边指定视图获得下一个焦点
    android:nextFocusDown设置下边指定视图获得下一个焦点
    android:nextFocusForward设置指定视图获得下一个焦点
    android:contentDescription 说明
    android:OnClick 点击时从上下文中调用指定的方法
             
    第三类:属性值为具体的像素值,如30dip,40px,50dp
    android:layout_width定义本元素的宽度
    android:layout_height定义本元素的高度
    android:layout_margin 本元素离上下左右间的距离
    android:layout_marginBottom 离某元素底边缘的距离
    android:layout_marginLeft 离某元素左边缘的距离
    android:layout_marginRight 离某元素右边缘的距离
    android:layout_marginTop 离某元素上边缘的距离
    android:layout_marginStart本元素里开始的位置的距离
    android:layout_marginEnd本元素里结束位置的距离
    android:scrollX水平初始滚动偏移
    android:scrollY垂直初始滚动偏移
    android:background本元素的背景
    android:padding指定布局与子布局的间距
    android:paddingLeft指定布局左边与子布局的间距
    android:paddingTop指定布局上边与子布局的间距
    android:paddingRight指定布局右边与子布局的间距
    android:paddingBottom指定布局下边与子布局的间距
    android:paddingStart指定布局左边与子布局的间距与android:paddingLeft相同
    android:paddingEnd指定布局右边与子布局的间距与android:paddingRight相同
    android:fadingEdgeLength 设置边框渐变的长度
    android:minHeight最小高度
    android:minWidth最小宽度
    android:translationX 水平方向的移动距离
    android:translationY垂直方向的移动距离
    android:transformPivotX相对于一点的水平方向偏转量
    android:transformPivotY相对于一点的垂直方向偏转量
    第四类:属性值问Android内置值的
    android:gravity控件布局方式
    android:layout_gravity布局方式
    android:persistentDrawingCachehua定义绘图的高速缓存的持久性   
    android:descendantFocusability控制子布局焦点获取方式 常用于listView的item中包含多个控件 点击无效
    android:scrollbars设置滚动条的状态
    android:scrollbarStyle设置滚动条的样式
    android:fitsSystemWindows设置布局调整时是否考虑系统窗口(如状态栏)
    android:scrollbarFadeDuration设置滚动条淡入淡出时间
    android:scrollbarDefaultDelayBeforeFade设置滚动条N毫秒后开始淡化,以毫秒为单位。
    android:scrollbarSize设置滚动调大小
    android:fadingEdge 设置拉滚动条时 ,边框渐变的放向
    android:drawingCacheQuality设置绘图时半透明质量
    android:OverScrollMode滑动到边界时样式
    android:alpha设置透明度
    android:rotation旋转度数
    android:rotationX水平旋转度数
    android:rotationY垂直旋转度数
    android:scaleX设置X轴缩放
    android:scaleY设置Y轴缩放
    android:verticalScrollbarPosition摄者垂直滚动条的位置
    android:layerType设定支持
    android:layoutDirection定义布局图纸的方向
    android:textDirection定义文字方向
    android:textAlignment文字对齐方式
    android:importantForAccessibility设置可达性的重要行
    android:labelFor添加标签

    展开全文
  • el-scrollbar 优化滚动条样式

    万次阅读 2019-12-03 19:33:16
    element-ui 隐藏组件 el-scrollbar 优化滚动条样式

    博客地址:http://www.globm.top/blog/1/detail/30
    配置需求
    导入element-ui

    效果图修改后滚动条样式

    页面引入

    <el-scrollbar>
      <div>内容</div>
    </el-scrollbar>
    
    // 修改页面底部滚动条显示效果,可根据实际需要引入
    /deep/.el-scrollbar{
      height: 100%;
      .el-scrollbar__wrap {
        overflow-x: hidden;
      }
      .el-scrollbar__bar{
    	// 默认展示滚动条
         opacity: 1;
       }
       .el-scrollbar__thumb{
       	// 改变滚动条颜色
         background: #ED4040;
       }
    }
    

    注: 父元素需设置高度

    展开全文
  • Scrollbar in scrollbar

    2020-12-30 13:02:37
    <div><p>I have a container that is scrollable and has the [perfectScrollbar] directive initialised on it. Within this container I have a form with a multiple select input. When you open this input you...
  • Scrollbar styling

    2020-12-09 02:04:50
    <div><p>In this issue, I will purpose styling the ...<p>add styling to the scrollbars with <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar">::-webkit-scrollbar</a> and ...
  • scrollbar visibility

    2021-01-10 12:22:09
    <p>So when the content is long, the scrollbar shows, but when the content is short the scrollbar track is hidden, but the scrollbar stays there. <p>Thanks.</p><p>该提问来源于开源项目:Grsmto/...
  • Scrollbar suggestion

    2020-12-09 03:42:06
    <div><p>Add more contrast on scrollbar "bar" when the mouse is hovered on the scrollbar area. Because you cant "barely" see the scrollbar unless you hit the exact position of it. <p>...
  • Selectable scrollbar

    2020-12-25 20:09:48
    ve dropped all the spaces from scrollbar code in examples, they're still selectable under some arcane circumstances in Chrome. I think it's a good idea to add <code>user-select</code> property...
  • Scrollbar enhancements

    2020-12-25 21:53:11
    <ul><li>Fixed scrollbars unnecessarily visible on the grid view and carousel</li><li>Extended the custom scrollbar styling globally (to allow for it to display on modals, namely the grid view)</li><li...
  • fixed scrollbar

    2020-12-09 05:56:18
    <div><ul><li>Fixed regression in y-scrollbar</li><li>offset in x-scrollbar when fixed row header</li></ul>该提问来源于开源项目:henrybuilt/react-sticky-table</p></div>
  • scrollbar placement

    2020-12-28 22:07:26
    <div><p>It would be great if it were somehow possible to have the scrollbar inside of the widget instead of being what appears to be the iframe scrollbar along the entire length of the widget.</p><p>...
  • 本文主要讲解如何隐藏scrollbar。 方法一:scrollbar-width (兼容性不好)  利用单一css属性 scrollbar-width设置scrollbar的宽度。 scrollbar-width: auto | thin | none | <length>; autois the ...

     本文主要讲解如何隐藏scrollbar。

    方法一:scrollbar-width (兼容性不好)

      利用单一css属性 scrollbar-width设置scrollbar的宽度。

    scrollbar-width: auto | thin | none | <length>;
    • auto is the default value and will render the standard scrollbars for the user agent.
    • thin will tell the user agent to use thinner scrollbars, when applicable.
    • none will hide the scrollbar completely, without affecting the element's scrollability.
    • <length> is being debated, but (if added) would be a maximum width of the scrollbar.

      然而,这个css属性存在兼容性问题,它只在一下浏览器版本下生效,相信以后兼容性会更好:

    方法二: 双层div,外层overflow: hidden, 内层overflow:auto/scroll/overlay,同时 内层的高度/宽度 - 外层的高度/宽度 >= 滚动条的宽度 (可以将内层的高度/宽度设置很大)。

    这里拿横向滚动为例:

    code:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
            .parent {
                width: 100px;
                height: 20px;
                border: 1px solid red;
                overflow: hidden;
            }
            .children {
                height: 100px;
                overflow-x: auto;
            }
            .children > div {
                white-space: nowrap;
            }
        </style>
    </head>
    <body>
        <div class="parent">
            <div class="children">
                <div>First Line, this is first line</div>
            </div>
        </div>
    </body>
    </html>

     

    转载于:https://www.cnblogs.com/juliazhang/p/10524278.html

    展开全文
  • horizontal scrollbar

    2021-01-12 17:55:14
    <div><p>In some browsers i get a horizontal scrollbar, just being able to scroll like 1 or 2 pixels. I would like that scrollbar not to be there. It seems to be something with the font-family, line-...
  • Scrollbar hide

    2021-01-07 07:46:36
    <div><p>Hello i am using nanoscroller with mixitup filter so i could filter categoery and it is working just fine but when i filter category there is scrollbar but number elements that are filtered ...
  • hide scrollbar

    2020-11-29 02:04:01
    <div><p>Current the scrollbar is shown even if there are just a few elements displayed: ...<p>I think it would be best to hide the scrollbar when it's not necessary. The standard Android scrollbar is...
  • Scrollbar position

    2020-11-28 11:24:01
    I think, I can do it with styles, but it would be very useful to have the option setting the scrollbar position. I haven't found any piece of information about this in the docs.</p><p>该提问来源...
  • Scrollbar issues

    2020-11-22 08:42:28
    <div><p>Scrollbar doesn't initiate it some cases: <ul><li>When you upload many files into empty dir and files overflow container. I've uploaded 32 small files into your demo page (5 files per ...
  • <div><p>Removes the duplicate scrollbar on the editor modal</p><p>该提问来源于开源项目:esphome/esphome</p></div>
  • Scrollbar problem

    2020-12-26 09:03:02
    - when clicking the scrollbar or the corresponding arrows the suggestion list disappears. <p>I use IE 8 in FF it works fine, can you help me or provide a bugfix? <p>Greetings, Patrick</p><p>该提问来源...
  • Scrollbar improvements

    2021-01-06 09:31:19
    <p>This PR includes an update in the Perfect Scrollbar dependency. You can see the proper update in https://github.com/nobuti/perfect-scrollbar/pull/1. Also, this allows us to remove the polling in ...
  • Scrollbar此小部件提供了一个幻灯片控制器,用于实现垂直滚动小部件,例如列表框,文本和画布。 请注意,您还可以在Entry小部件上创建水平滚动条。语法 (Syntax)以下是创建此小部件的简单语法 -w = Scrollbar ( ...
  • Horizontal scrollbar

    2020-12-09 13:17:53
    <div><p>No more horizontal scrollbar at collapsed navbar</p><p>该提问来源于开源项目:kAworu/octostrap3</p></div>
  • fix scrollbar

    2021-01-11 18:20:01
    <div><p>the scrollbar in the collection or style modules where not visible. </p><p>该提问来源于开源项目:darktable-org/darktable</p></div>
  • Standalone scrollbar

    2020-12-01 18:32:51
    <div><p>Is it possible to configure a scrollbar as a standalone object that controls the scrolling of a different element?</p><p>该提问来源于开源项目:iominh/ng-scrollbars</p></div>
  • Listbox scrollbar

    2020-12-01 19:17:03
    <div><p>When a Listbox.resize() is called, the scrollbar disappears. Also happens if you specify width and height on construction.</p><p>该提问来源于开源项目:lawsie/guizero</p></div>
  • scrollbarWidth

    2014-06-28 16:48:39
    as3 ScrollBar 宽度设置 拷贝fl文件夹到项目中就可以使用,里面有简单的DEMO。
  • jQuery Scrollbar

    千次阅读 2018-06-07 11:12:45
    具有高级功能的跨浏览器CSS自定义滚动条:易于实施没有固定的高度或宽度需要支持响应式设计可定制的CSS标准浏览器滚动行为支持...IE7 +,Edge,Firefox,Opera,Chrome,SafarijQuery Scrollbar as AngularJS direct...
  • multiple_scrollbar-源码

    2021-03-15 15:25:51
    multiple_scrollbar

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,118
精华内容 4,447
关键字:

scrollbar