精华内容
下载资源
问答
  • 当下拉菜单选项比较多的时候,select下拉列表内容过多,在IE中默认是30条选项,firefox默认是20条, 超过自动出现滚动条,但是在没出现滚动条时候样式特别不协调。本次上传的代码将提供一种方法将select下拉框添加...
  • bootstrap的tbody加竖向滚动条,而且当前表格的表头。bootstrap的tbody加竖向滚动条,而且当前表格的表头。bootstrap的tbody加竖向滚动条,而且当前表格的表头。
  • select下拉滚动条

    2014-04-07 20:26:01
    select下拉滚动条
  • GDI自绘滚动条

    热门讨论 2014-06-19 23:20:33
    GDI自绘滚动条
  • MFC 重绘CListCtrl、CTreeCtrl的滚动条

    热门讨论 2013-08-08 13:03:31
    这是我见过、用过的最好的一个有关重绘CListCtrl滚动条的代码。需要了联系345271592,我直接发你们。资源中外面的两个代码文件我只是将源程序中加载应用中的资源改为加载本地资源而已,在此感谢...
  • 使用css设置漂亮的滚动条样式 使用css设置漂亮的滚动条样式 使用css设置漂亮的滚动条样式
  • 纯css实现table滚动条(纯css实现div滚动条),主要通过设定高度、宽度及overflow属性实现,留存备用。 代码如下: <html> <head> <style type="text/css"> /* 基本通用样式,与滚动条无关 */ ...

    纯css实现table滚动条(纯css实现div滚动条),主要通过设定高度、宽度及overflow属性实现,留存备用。

    代码如下:

    <html>
    <head>
    <style type="text/css">
    /* 基本通用样式,与滚动条无关 */
    div{
    	margin:0 auto;
    	padding:5px;
    	background-color: #e0eaf7;
    }
    
    table{
    	width:100%;
    	text-align:center;
    	border-collapse:collapse;
    	border:1px solid #8daaec;
    	
    }
    
    td{
    	border:1px solid #8daaec;
    	padding: 5px;
    }
    
    /* 上下滚动 */
    div.sx{
    	height:80px;
    	overflow:auto;
    }
    
    /* 左右滚动 */
    div.zy{
    	width:600px;
    	overflow:auto;
    }
    
    /* 上下左右滚动 */
    div.sxzy{
    	height:80px;
    	width:600px;
    	overflow:auto;
    }
    </style>
    </head>
    <body>
    <!-- 无滚动条 -->
    <div>
    	<table>
    		<tr>
    			<td align="center" nowrap="nowrap" >无滚动条</td>
    			<td align="center" nowrap="nowrap" >无滚动条</td>
    			<td align="center" nowrap="nowrap" >无滚动条</td>
    			<td align="center" nowrap="nowrap" >无滚动条</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >无滚动条</td>
    			<td align="center" nowrap="nowrap" >无滚动条</td>
    			<td align="center" nowrap="nowrap" >无滚动条</td>
    			<td align="center" nowrap="nowrap" >无滚动条</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >无滚动条</td>
    			<td align="center" nowrap="nowrap" >无滚动条</td>
    			<td align="center" nowrap="nowrap" >无滚动条</td>
    			<td align="center" nowrap="nowrap" >无滚动条</td>
    		</tr>
    	</table>
    </div>
    <br><br>
    
    <!-- 上下滚动 -->
    <div class="sx">
    	<table >
    		<tr>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    			<td align="center" nowrap="nowrap" >上线滚动</td>
    		</tr>
    	</table>
    </div>
    <br><br>
    
    <!-- 左右滚动 -->
    <div class="zy">
    	<table>
    		<tr>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    			<td align="center" nowrap="nowrap" >左右滚动</td>
    		</tr>
    	</table>
    </div>
    <br><br>
    
    <!-- 上下左右滚动 -->
    <div class="sxzy">
    	<table>
    		<tr>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    		</tr>
    		<tr>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    			<td align="center" nowrap="nowrap" >上下左右滚动</td>
    		</tr>
    	</table>
    </div>
    </body>
    </html>

     

    展开全文
  • 如何去除滚动条并保留滚动功能 1、首先如果是超出其中一边滚动,另一边不能滚动的话,可以直接写明超出某一边的样式,比如: overflow-y:scroll 2、如果是两边都可以滚动的话,就给父级添加伪元素 ::-webkit-...

    如何去除滚动条并保留滚动功能

    	1、首先如果是超出其中一边滚动,另一边不能滚动的话,可以直接写明超出某一边的样式,比如:
    
    overflow-y:scroll
    
    	2、如果是两边都可以滚动的话,就给父级添加伪元素  	::-webkit-scrollbar,比如:
    
    .box{
    	overflow: scroll
    }
    .box::-webkit-scrollbar{
    	display: none
    }
    
    	就ok啦,不信你试试,^_^,如果你有更好的答案,欢迎交流哦
    
    展开全文
  • 有时为了保持页面风格的统一,我们需要修改滚动条的样式。虽然我们可以通过CSS设置滚动条各部分的颜色样式,但这种方式不支持老版本的浏览器。而且不同的浏览器下,CSS滚动条属性的写法也不一样,如果各个浏览器都...

        有时为了保持页面风格的统一,我们需要修改滚动条的样式。虽然我们可以通过 CSS 设置滚动条各部分的颜色样式,但这种方式不支持老版本的浏览器。而且不同的浏览器下,CSS 滚动条属性的写法也不一样,如果各个浏览器都需要兼容(特别是移动设备的浏览器),那就十分麻烦了。

        这里推荐一个十分好用的滚动条插件:Nicescroll

    一、NiceScroll 介绍

    NiceScroll 是一款完全基于 jQuery 框架的滚动条插件,它不仅有着类似 iOS 系统设备的滚动条外观,而且还支持任意的 <div>、<iframe>、<body> 元素的滚动效果。

     

    1,GitHub 主页

     

    2,功能特点

    • 不需要增加额外的 CSS。
    • 几乎全浏览器兼容:Chrome、Firefox、Edge、IE8+、Safari、Opera
    • 实现只需要一段代码,侵入性非常小。
    • 样式可完全自定义。
    • 支持触摸事件,可在触摸屏上使用。

     

    3,配置说明

    (1)页面中引入 jquery.js
    (2)页面中引入 jquery.nicescroll.js
    (3)如果需要用到全屏放大功能的话,还要把 zoomico.png 复制到与 jquery.nicescroll.js 同一个文件夹下。

     

    二、基本用法

    1,最简单的用法

    (1)我们只需在页面初始化完毕后,对需要使用这个滚动条插件的元素调用 niceScroll() 方法即可。

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    25

    26

    27

    28

    29

    30

    <!DOCTYPE html>

    <html>

      <head>

        <meta charset="utf-8">

        <title></title>

        <script src="js/jquery-3.1.1.js" charset="utf-8"></script>

        <script src="js/jquery.nicescroll.js" charset="utf-8"></script>

        <script type="text/javascript">

          $(document).ready(

            function() {

              $("html").niceScroll();

            }

          );

        </script>

      </head>

      <style>

        li {

          height: 50px;

        }

      </style>

      <body>

        <ul>

          <li>条目1</li>

          <li>条目2</li>

          <li>条目3</li>

          <li>条目4</li>

          <li>条目5</li>

        </ul>

      </body>

    </html>


    (2)这里我直接是让整个页面使用 NiceScroll 插件,默认情况下滚动条是自动隐藏的,即内容如果超出窗口时滚动条也不会显示。(当然此时通过鼠标滚轮还是可以滚动页面的)

    原文:jQuery - 滚动条插件 NiceScroll 使用详解(滚动条美化)

     

    (3)当鼠标移到窗口右侧时,滚动条则会显示出来。我们可以拖动它进行页面滚动。

    原文:jQuery - 滚动条插件 NiceScroll 使用详解(滚动条美化)

     

    2,返回滚动条对象

    1

    2

    3

    4

    var nice = false;

    $(function() { 

        nice = $("body").niceScroll();

    });

     

    3,使用容器“wrapper”包含DIV

    这种方式由两个 DIV 组成,前一个为 vieport,后一个为里面内容。

    1

    $("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"});

    如果遇到加载数据的时候 nicescroll 滚动条闪烁,还有对绝对定位的元素(例如下拉框)使用滚动条,特别是在需要滚动条比较多的页面,导致位置错乱的等问题。那么需要使用这个方法对设置滚动条的元素的直接子元素进行设置,比如:
        $("#viewportdiv").niceScroll("#wrapperdiv",{
                'cursorcolor':'#686868',
                'cursorborder':'none',
                'smoothscroll': 'false',
                'autohidemode':false
        });

     

    4,隐藏滚动条

    注意:这个只是把滚动条隐藏,使用鼠标滚轮仍然可以进行滚动。

    1

    $("#div1").getNiceScroll().hide();

     

    5,重置滚动条大小

    1

    $("#div1").getNiceScroll().resize();

     

    6,滚动到某个指定位置

    1

    2

    3

    4

    5

    //水平方向滚动(距左侧100px)

    $("#div1").getNiceScroll(0).doScrollLeft(100);

     

    //垂直方向滚动(距上方100px)

    $("#div1").getNiceScroll(0).doScrollTop(100);

    7,删除滚动条

    1

    $("#div1").getNiceScroll().remove();

     

     

    $("#div1").niceScroll({

           cursorborder:"",//不需要border

           cursorcolor:"#C1C1C1",//滚动条颜色

           boxzoom:false,//禁止放大box的内容

           autohidemode:false,//禁止隐藏

           horizrailenabled:false //水平方向禁用

    });

    三、常用配置参数

    在调用 niceScroll() 方法初始化滚动条时,我们可以传入一些参数属性,从而对滚动条的样式以及行为进行修改。

     

    1,简单的样式修改

    (1)这里我们对滚动条的颜色和触摸滚动模式进行的修改。

    1

    2

    3

    4

    5

    6

    7

    8

    $("#div1").niceScroll({

        touchbehavior:true,     //是否是触摸式滚动效果

        cursorcolor:"#333",     //滚动条的颜色值

        cursoropacitymax:0.6,   //滚动条的透明度值

        cursorwidth:20,         //滚动条的宽度值

        background:"#00F",  //滚动条的背景色,默认是透明的

        autohidemode:true,      //滚动条是否是自动隐藏,默认值为 true

    });


    (2)效果图

    原文:jQuery - 滚动条插件 NiceScroll 使用详解(滚动条美化)

     

    2,全屏放大显示

    (1)要开启全屏放大功能,只需把 boxzoom 参数设置为 true。(同时记得把 zoomico.png 放到与 jquery.nicescroll.js 同一个文件夹下)

    1

    2

    3

    $("#div1").niceScroll({

        boxzoom: true  //显示放大镜标按钮,(默认为false)

    });


    (2)当我们将鼠标移到滚动区域右侧时,在滚动条旁边会显示出一个“放大”图标。点击后该区域会自动放大占满整个浏览器窗口。

    原文:jQuery - 滚动条插件 NiceScroll 使用详解(滚动条美化)

     

    (3)而当这个区域放大后,右上角的这个图标又会变成“缩小”图标,点击后该区域则又还原回原来的位置和尺寸。

    原文:jQuery - 滚动条插件 NiceScroll 使用详解(滚动条美化)

     

    3,完整的配置参数表

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    25

    26

    27

    28

    29

    30

    31

    32

    33

    34

    35

    36

    37

    38

    39

    40

    41

    42

    43

    44

    45

    46

    47

    48

    49

    50

    51

    52

    53

    54

    55

    $("#div1").niceScroll({

            cursorcolor: "#424242"// 改变滚动条颜色,使用16进制颜色值

            cursoropacitymin: 0, // 当滚动条是隐藏状态时改变透明度, 值范围 1 到 0

            cursoropacitymax: 1, // 当滚动条是显示状态时改变透明度, 值范围 1 到 0

            cursorwidth: "5px"// 滚动条的宽度,单位:便素

            cursorborder: "1px solid #fff"// CSS方式定义滚动条边框

            cursorborderradius: "5px"// 滚动条圆角(像素)

            zindex: "auto"// 改变滚动条的DIV的z-index值(auto或数字)

            scrollspeed: 60, // 滚动速度

            mousescrollstep: 40, // 鼠标滚轮的滚动速度 (像素)

            touchbehavior: false// 激活拖拽滚动

            hwacceleration: true// 激活硬件加速

            boxzoom: false// 激活放大box的内容

            dblclickzoom: true// (仅当 boxzoom=true时有效)双击box时放大

            gesturezoom: true// (仅 boxzoom=true 和触屏设备时有效) 激活变焦当out/in(两个手指外张或收缩)

            grabcursorenabled: true// (仅当 touchbehavior=true) 显示“抓住”图标display "grab" icon

            autohidemode: true// 隐藏滚动条的方式, 可用的值如下:

            /**

              true  无滚动时隐藏

              "cursor"  隐藏

              false 不隐藏,

              "leave" 仅在指针离开内容时隐藏

              "hidden" 一直隐藏

              "scroll" 仅在滚动时显示

            **/

            background: ""// 轨道的背景颜色

            iframeautoresize: true// 在加载事件时自动重置iframe大小

            cursorminheight: 32, // 设置滚动条的最小高度 (像素)

            preservenativescrolling: true// 你可以用鼠标滚动可滚动区域的滚动条和增加鼠标滚轮事件

            railoffset: false// 可以使用top/left来修正位置

            bouncescroll: false// (only hw accell) 启用滚动跳跃的内容移动

            spacebarenabled: true// 当按下空格时使页面向下滚动

            railpadding: { top: 0, right: 0, left: 0, bottom: 0 }, // 设置轨道的内间距

            disableoutline: true// 当选中一个使用nicescroll的div时,chrome浏览器中禁用outline

            horizrailenabled: true// nicescroll可以管理水平滚动

            railalign: "right"// 对齐垂直轨道

            railvalign: "bottom"// 对齐水平轨道

            enabletranslate3d: true// nicescroll 可以使用CSS变型来滚动内容

            enablemousewheel: true// nicescroll可以管理鼠标滚轮事件

            enablekeyboard: true// nicescroll可以管理键盘事件

            smoothscroll: true// ease动画滚动

            sensitiverail: true// 单击轨道产生滚动

            enablemouselockapi: true// 可以用鼠标锁定API标题 (类似对象拖动)

            cursorfixedheight: false// 修正光标的高度(像素)

            hidecursordelay: 400, // 设置滚动条淡出的延迟时间(毫秒)

            directionlockdeadzone: 6, // 设定死区,为激活方向锁定(像素)

            nativeparentscrolling: true// 检测内容底部便于让父级滚动

            enablescrollonselection: true// 当选择文本时激活内容自动滚动

            cursordragspeed: 0.3, // 设置拖拽的速度

            rtlmode: "auto"// DIV的水平滚动从左边开始

            cursordragontouch: false// 使用触屏模式来实现拖拽

            oneaxismousemode: "auto"// 当只有水平滚动时可以用鼠标滚轮来滚动,如果设为false则不支持水平滚动,如果设为auto支持双轴滚动

            scriptpath: ""// 为boxmode图片自定义路径 ("" => same script path)

            preventmultitouchscrolling: true // 防止多触点事件引发滚动

        });


    原文出自:www.hangge.com  转载请保留原文链接:http://www.hangge.com/blog/cache/detail_1931.html

    转载于:http://www.hangge.com/blog/cache/detail_1931.html

    展开全文
  • uniapp去掉右侧滚动条的解决办法?

    千次阅读 多人点赞 2020-12-24 14:45:55
    用uniapp开发小程序,内容多的情况下,在微信开发者工具和真机调试下,右侧出现滚动条,有没有办法隐藏滚动条? 参考文档:https://uniapp.dcloud.net.cn/collocation/pages?id=app-plus 解决办法一: 参考文档:...

    用 uniapp 开发小程序,内容多的情况下,在微信开发者工具和真机调试下,右侧出现滚动条,有没有办法隐藏滚动条?

    参考文档:https://uniapp.dcloud.net.cn/collocation/pages?id=app-plus

    解决办法一:

    参考文档:https://uniapp.dcloud.net.cn/collocation/pages?id=app-plus

    全局配置:

    "globalStyle": { //全局配置  
        "scrollIndicator":"none", // 不显示滚动条  
        "app-plus"
    展开全文
  • 得到滚动条可控制移动的整个高度 控制滚动条移动 box.onscroll=function(){ //滚动条事件 var gao=box.scrollTop; //获得移动高度 text.innerHTML=gao; //显示滚动条位置 } xx....
  • WPF ScrollViewer(滚动条) 仿苹果样式

    热门讨论 2013-08-07 10:24:57
    仿苹果样式滚动条 http://www.cnblogs.com/lanymy/p/3242569.html
  • css 横向滚动隐藏滚动条Introduction: 介绍: It is always nice to have a responsive website or web page, to create such websites or web pages we have to make use of our developing skills to a great ...
  • 原生JS实现自定义滚动条

    千次阅读 2019-03-26 21:44:10
    浏览器带给我们的滚动条 .test{ width: 300px; height: 100px; overflow: auto; } 于是我们可能与我们的界面不搭,或则不好看,不符合…那么可以自己自定义一个。或则,希望自己有一双发现美的卡姿兰大眼睛… ...
  • VC2010 MFC 滚动条窗口显示图像

    热门讨论 2012-06-01 18:45:02
    VC2010 MFC 多文档项目,CImage载入图像并用带滚动条的窗口显示。
  • 使用overflow的属性 auto 和scroll 可以在内容超出的时候出现滚动条。 overflow 设置包括水平和竖直方向内容溢出时的操作 overflow-x 设置水平方向内容溢出时的操作 overflow-y 设置竖直方向内容...
  • js禁止滚动条滚动并且隐藏滚动条

    千次阅读 2019-03-14 11:58:06
    禁止鼠标滑过滚动条滚动 document.body.onmousewheel = function () {return false;} 恢复鼠标滑过滚动条滚动 document.body.onmousewheel = function () {return true;} 禁止键盘控制滚动条滚动 document....
  • VC显示图片(带滚动条完美控制)

    热门讨论 2011-11-19 13:17:52
    详细展示如何在VC对话框中使用picture control显示图片,并带有滚动条完美控制。 并详细展示在单文档中显示图片,并带有滚动条完美控制。 可以处理的图片格式:bmp,jpg,png,gif 非常经典,请大家下载后收藏。
  • 很惭愧,写css写了好几年,竟然今天才知道不用自己写滚动条,不用写任何的js,直接改变默认的滚动条样式就能实现想要的效果!今天就来说一说 CSS3自定义滚动条样式 -webkit-scrollbar 当内容超出容器时,容器会出现...
  • 移动端,横向滚动的时候,希望有个小滚动条标志一下,说明是可以左右滑动的。 不是直接左右滑动切换页面,而是div左右滑动。 效果如移动掌上营业厅这般。下面蓝色的是个滚动条 实现思路 : 1、可以左右滑动的...
  • 基于Vue.js桌面端自定义美化滚动条组件VScroll。 VScroll 最近捣鼓的一款基于vue.js构建的pc端自定义模拟滚动条组件。拥有完美顺滑的原生滚动条体验!支持自定义是否原生滚动条、自动隐藏、滚动条大小及颜色等功能...
  • ant table 组件的滚动条样式不太好看 考虑调整一下 而且表头 和x轴还出现了滚动条滚动条样式: 去掉表头的滚动条 .ant-table-fixed-header .ant-table-scroll .ant-table-header { overflow: hidden; height...
  • HTML滚动条样式代码及使用技巧

    万次阅读 2019-06-12 10:02:43
    HTML滚动条样式代码及使用技巧 ...网页滚动条本身就是浏览器的一部分,使用它可以方便浏览较大的网页 html中滚动条属性设置 scrollbar属性、样式详解 1、overflow内容溢出时的设置(设定被设定对象是否显示滚...
  • HTML+CSS实现最简单的滚动条显示隐藏和更改滚动条样式 实现效果图: HTML代码 <div class="list scroll"> <div class="list-item">测试滚动条</div> <div class="list-item">测试...
  • 缺点:只是隐藏了水平滚动条,如果页面真正需要水平滚动条的时候,  屏幕以外的内容会因为用户无法水平滚动,而看不到。    方法3:  代码:  body  {  margin-right :  -15px ;  margin-...
  • 【摘】table滚动条样式

    千次阅读 2019-01-31 11:42:43
    有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了。那webkit浏览器是如何自定义滚动条的呢?   前言 webkit...
  • 前段时间,到网上找素材时,看到了一个很个性的滚动条式,打开Chrome的调试工具看了一下,发现不是用JavaScript来模拟实现的,觉得有必要折腾一下。于是在各大浏览器中对比了一下,发现只用Chrome适用,也就是说这个...
  • 前段时间,到网上找素材时,看到了一个很个性的滚动条式,打开Chrome的调试工具看了一下,发现不是用JavaScript来模拟实现的,觉得有必要折腾一下。于是在各大浏览器中对比了一下,发现只用Chrome适用,也就是说这个...
  • 给groupbox加上滚动条

    热门讨论 2010-02-10 10:49:43
    这是一个用c#开发,简单的给groupbox加上滚动条的代码,可以举一反三,以后如果哪个控件没有自动出现滚动条的功能,皆可以用这个方法实现
  • div不随滚动条的移动而改变位置

    热门讨论 2012-01-12 11:46:56
    div固定在屏幕的一个位置,不随滚动条的拖动而改变位置

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 335,840
精华内容 134,336
关键字:

滚动条