精华内容
下载资源
问答
  • VB中Textbox同时显示垂直滚动条和水平滚动条的方法 在属性窗口设置:1.首先将Multiline(多行与否)设置为true,开启多行模式2....3.最后要设置WordWrap属性(是否换行)为False,即可显示出水平滚动条。 ...

    VB中Textbox同时显示垂直滚动条和水平滚动条的方法

    在属性窗口设置:1.首先将Multiline(多行与否)设置为true,开启多行模式2.再将scrollbar属性(是否有滚动条)设置为both(既有水平滚动又有垂直滚动),但目前依然只显示了垂直滚动条。3.最后要设置WordWrap属性(是否换行)为False,即可显示出水平滚动条。

    展开全文
  • 双表头,固定表头竖直下拉,表格列过多横向移动滚动条监听事件。 <div class="table-wrap-box"> <div class="scroll-tbl-box" style="overflow-x: auto;height: calc(100% - 10px)"> <table class=...

    利用外层div来实现,有两层div。
    双表头,固定表头,竖直下拉时还可以对应表头,表格列过多横向滚动条移动监听事件。

    <div class="table-wrap-box">
       <div class="scroll-tbl-box" style="overflow-x: auto;height: calc(100% - 10px)">
           <table class="table rs-table scroll-tbl" id="dataTable" style="margin-top: -45px;">
               <thead id="theadList" style="visibility: hidden;"></thead>
               <tbody id="tbodyList"></tbody>
               <thead id="theadList2" style="position: absolute;left: 0px;top: 0;"></thead>
           </table>
       </div>
    </div>
    

    相关css样式

    .table-wrap-box{
        position: relative;
        overflow: hidden;
        border: 1px solid #e8e8e8;
        background-color: #fff;
        padding-top: 45px;
    }
    .scroll-tbl thead,
    .scroll-tbl tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    .scroll-tbl th,
    .scroll-tbl td{
        word-break: break-all;
    }
    .scroll-tbl-box::-webkit-scrollbar{
        background: 0 0;
        width: 10px;
        height: 10px
    }
    .scroll-tbl-box::-webkit-scrollbar-track-piece {
        display: none
    }
    
    /*定义滚动条轨道 内阴影+圆角*/
    .scroll-tbl-box::-webkit-scrollbar-track{
        border-radius: 5px;
        background-color: #f3f3f3
    }
    
    /*定义滑块 内阴影+圆角*/
    .scroll-tbl-box::-webkit-scrollbar-thumb{
        border-radius: 5px;
        background-color: #e1e1e1;
        width: 6px;
        height: 6px;
        border: 2px solid transparent;
        background-clip: content-box
    }
    

    相关js

    $(function () {
        setHeight(".table-wrap-box");
        $(window).resize(function () {
            setHeight(".table-wrap-box");
        });
        //监听水平滚动条
        $(".scroll-tbl-box").scroll(function(){
            var l = $("#theadList2")[0].offsetLeft;
            if(l != -this.scrollLeft){
                $("#theadList2").css({
                    "left": -this.scrollLeft + 'px'
                })
            }
        });
    });
    
    //自适应高度,在窗口高度足够的情况下可做到把对应元素固定在窗口底部
    function setHeight(dom) {
        var h = $(dom).offset().top + 80;//这里的80根据页面其他的元素高来设置,这里我是随意调的效果
        var wh = $(window).height();
        var sheight = 'calc(100vh - ' + h + 'px)';//关键代码
        if (wh - h < 300) {//窗口高度过小就不固定在底部了,防止dom的内容被隐藏了
            sheight = '300px';
        }
        $(dom).css({
            "height": sheight,
            "max-height": sheight
        });
    }
    

    单元格宽度设置问题,因为样式table-layout: fixed;的问题,th和td要设置对应的宽度,
    在表格列过多出现水平滚动条的情况下,如果只设置thead的th而没有设置tbody的td,那么宽度是不对应的;
    如果一行的单元格 width 总和小于table的父元素div的width,表格会自适应拉宽单元格。
    ztszd!

    展开全文
  • 关于winform的textBox的水平滚动条

    千次阅读 2017-12-25 15:48:42
    1 首先你得先设置该textBox为多行。...3 在设置水平滚动条时,一定先设置自动换行wordWrap为false。 this.TxtBox_ApercuFichier.Multiline = true; this.TxtBox_ApercuFichier.WordWrap = false; this.Txt


    1 首先你得先设置该textBox为多行。
    2 wordWrap是默认是自动换行的,也就是默认为true。
    3 在设置水平滚动条时,一定先设置自动换行wordWrap为false。




    this.TxtBox_ApercuFichier.Multiline = true;
    this.TxtBox_ApercuFichier.WordWrap = false;
    this.TxtBox_ApercuFichier.ScrollBars = System.Windows.Forms.ScrollBars.Horizontal;
    展开全文
  • 在WEB实际开发过程中,特别是在iframe引用其它网页时,可能大家遇到过这样的问题,当您的页面在框架中的时候,即使您的所有的控件的宽度都没有超过屏幕宽度(一般设置为100%),但横向滚动条依然出现。即使您设置了...

    在WEB实际开发过程中,特别是在iframe引用其它网页时,可能大家遇到过这样的问题,当您的页面在框架中的时候,即使您的所有的控件的宽度都没有超过屏幕宽度(一般设置为100%),但横向滚动条依然出现。即使您设置了scrolling=no 也不起作用。

    一般情况下,网页都有这个语句,如果网页显示不需要这个语名的,删掉上面的语句,横向滚动条就会没了,此效果在IE浏览器下测试成功,FF浏览器下失败。

    在我们需要上面的语句时,我知道的就有五种方法:

    1、设置iframe的属性 scrolling="no"。(此方法把横向滚动条和纵向滚动条都隐藏了,不推荐)

    2、在被包含页的body标签加 scroll="no"。(和上面一样,都是隐藏横向滚动条和纵向滚动条)

    3、被包含页body应用overflow:hidden。当我们需要隐藏横向滚动条时,改成overflow-x:hidden,如:

    ;需要隐藏纵向滚动条时,改成overflow-y:hidden,如:

    4、设置iframe的属性 scrolling="yes"。(设成yes时,IE则会一直出竖直滚动条,而不随便出水平条,推荐)

    如果上面的都没有解决问题,那在第五种方法下加上:word-break:break-all;如:

    隐藏横向滚动条

    隐藏纵向滚动条

    展开全文
  • 3 在设置水平滚动条时,一定先设置自动换行wordWrap为false。 this.TxtBox_ApercuFichier.Multiline = true; this.TxtBox_ApercuFichier.WordWrap = false; this.TxtBox_ApercuFichier.ScrollBars = System.Windows....
  • 1、 2、 3、 4、 右击文本框,选择属性,MultiLine = True(多行...WordWrap = False(自动换行,不改此项不会出现水平滚动条,因为换行了) 5、 关闭设计模式,在文本框输入字体 6、 换行是要用Ctrl+Enter ...
  • 说明:   overflow-y: scroll - 有垂直滚动条  overflow-y: auto - 自动  overflow-y: hidden - 无垂直滚动条
  • 滚动条的设置

    千次阅读 2019-05-26 21:54:18
    在浏览网页的时候,很多细心的网友就会发现我们网页有时候会出现滚动条,大部分是垂直滚动条,而很少会出现水平滚动条。为什么会这样呢? 其实这是为了美观,标准的网页中是不会有水平滚动条的。除非你浏览器页面的...
  • 滚动条(JScrollBar)也称为滑块,用来表示一个相对值,该值代表指定范围内的一个整数。例如,用Word编辑文档时,编辑窗右边的滑块对应当前编辑位置在整个文档中的相对位置,可以通过移动选择新的编辑位置。在Swing中...
  • 单纯的手写滚动条 这里调试过,没问题,可以直接复制了浏览器调试查看效果 大致思路:设置包裹内容div的容器div的overflow-y为hidden;调整内容div的top来滚动显示内容div的不同位置内容。检测鼠标滚动事件,设置...
  • 我这里对在word2010中文本框带滚动条作个介绍: 1. 打开word后,点击“文件”菜单,在下列列表中找到“选项”一栏,在弹出的窗口中找到‘自定义功能区’。如下图: 2.选中”开发工具“的复选框,确认后进入word...
  • 滚动条(JScrollBar)也称为滑块,用来表示一个相对值,该值代表指定范围内的一个整数。例如,用Word编辑文档时,编辑窗右边的滑块对应当前编辑位置在整个文档中的相对位置,可以通过移动选择新的编辑位置。在Swing中...
  • C#textbox设置滚动条

    万次阅读 2018-05-29 10:09:54
    首先,这个问题是我按照下图的方式修改,只能产生垂直滚动条而没有水平滚动条;很好奇为什么没有水平滚动条下面,我也会把 答案放在最后。文本框首先设置的都是 MutilLine为TRUE;原因就是因为:所以,你可以: 1、...
  • html自定义的DIV垂直滚动条

    万次阅读 2016-06-24 12:24:47
    首先说一下自定义滚动条的一个要求:鼠标滚动在它div上滚动时,如果没有滚到顶端或底部则不能影响页面滚动条和系统自带一样 让一个div拥有滚动条 1、只有垂直滚动条 #mydiv1 {  position: relative;  overflow-...
  • 为table标签内的tbody添加滚动条

    千次阅读 2018-11-23 14:38:48
    CSS代码演示 table tbody { display:block; height:200px; //高度根据实际自定义 overflow-y:scroll; -webkit-overflow-scrolling: ... // 为了滚动顺畅 } table tbody::-webkit-scrollbar { display: none...
  •  <table cellspacing="0" style="word-break:break-all;border-collapse:collapse">      产品  订单号  客户  颜色          生态  <td>10-91  赵立斌  生态红           calc()  = calc...
  • a-modal: .ant-modal-body { &::-webkit-scrollbar { width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } &::-webkit-scrollbar-thumb { border-radius: 6px; // -webkit-...
  • 前段时间,到网上找素材时,看到了一个很个性的滚动条式,打开Chrome的调试工具看了一下,发现不是用JavaScript来模拟实现的,觉得有必要折腾一下。于是在各大浏览器中对比了一下,发现只用Chrome适用,也就是说这个...
  • 滚动条(JScrollBar)也称为滑块,用来表示一个相对值,该值代表指定范围内的一个整数。例如,用Word编辑文档时,编辑窗右边的滑块对应当前编辑位置在整个文档中的相对位置,可以通过移动选择新的编辑位置。在Swing中...
  • word-wrap: normal; overflow-x: auto; } this must be 100px wide this must take the remaining space this must be 100px wide this must be 100px wide The following line of code is long: This is the long ...
  • 转载:http://blog.csdn.net/firetaker/article/details/5857805   //换行 richTextBox1.text+="你的文字"+"/n" // 显示水平滚动条 this.richTextBox1.WordWrap
  • Java滚动条

    千次阅读 2018-02-06 16:49:46
    滚动条(JScrollBar)也称为滑块,用来表示一个相对值,该值代表指定范围内的一个整数。例如,用Word编辑文档时,编辑窗右边的滑块对应当前编辑位置在整个文档中的相对位置,可以通过移动选择新的编辑位置。在Swing中...
  • C#winform的textbox怎么设置滚动条

    千次阅读 2019-03-24 04:54:00
    用 C#开发软件的时候文本框textbox是没有滚动条的,而且是单行文本。下面教大家如何设置多行,并且设置横向滚动条和垂直滚动条。 打开VS工具,创建一个winform窗体项目。系统会自动创建一个主窗体。在左边工具栏...
  • css3 滚动条样式

    千次阅读 2017-04-21 17:45:26
    自定义IE浏览器滚动条样式 追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像最开始支持的版本是IE5.5)。下面列出了多个版本的支持性况: 滚动条样式 支持情况 支持浏览器版本 ...
  • word中添加带滚动条的文本框,运用开发工具菜单: 步骤简介: ...WordWrap = False(自动换行,不改此项不会出现水平滚动条,因为换行了) 4、关闭设计模式(就是在设计模式按钮上点一下) OK了。
  • 源自:https://msdn.microsoft.com/zh-cn/library/s9e4wde1默认情况下,Windows 窗体 RichTextBox 控件在必要时会显示水平和垂直滚动条。 RichTextBox 控件的 ScrollBars 属性有七个可能的值,在下面的表中对这些值...
  • GridView添加横向滚动条

    千次阅读 2013-02-28 13:38:36
    使用div,前台代码: ; width: 100%">  ... e.Row.Cells[i].Attributes.Add("style", "word-break :keep-all ; word-wrap:keep-all");  }  } 实现效果
  • 代码: < html > < head > ... word-break ... word-wrap ... scrollDelay=50 scrollAmount=2>Copy rights 2005....js table操作--------table滚动条 ,如需转载请自行联系原博主。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,027
精华内容 5,210
关键字:

word水平滚动条