滚动条

java swing：文本框添加滚动条

由 烂漫一生 提交于 2020-03-18 12:52:56
有几点要注意： 1.默认的滚动条,仅在输入的文本超过文本框时才会显示。。没有超过文本框是不会显示的； 2.设置矩形大小，是在滚动条上设置，而不是在文本框上设置； 示例代码如下： public class MainView extends JFrame{ public static void main(String[] args) { MainView mv=new MainView(); mv.setLayout(null); //实例化文本框 JTextArea jta= new JTextArea(); //在文本框上添加滚动条 JScrollPane jsp = new JScrollPane(jta); //设置矩形大小.参数依次为(矩形左上角横坐标x,矩形左上角纵坐标y，矩形长度，矩形宽度) jsp.setBounds(13, 10, 350, 340); //默认的设置是超过文本框才会显示滚动条，以下设置让滚动条一直显示 jsp.setVerticalScrollBarPolicy( JScrollPane.VERTICAL_SCROLLBAR_ALWAYS); //把滚动条添加到容器里面 mv.add(jsp); mv.setSize(400, 400); mv.setVisible(true); mv.setDefaultCloseOperation(JFrame

自定义浏览器的滚动条样式

由 空扰寡人 提交于 2020-03-18 12:46:54
某厂面试归来，发现自己落伍了！>>> 还在为浏览器中那丑陋的滚动条烦恼么？还在为着想要内容显示,但是滚动条却不希望它显示而烦恼么？如果你还在烦恼这些,那么很荣幸的告诉你,哥哥带你装逼带你飞(哈哈，开玩笑而已，哥你别当真)！ 传统的浏览器的滚动条样式比较难看(当然,你要是能够接受那请忽略这篇文章),项目中产品经理嫌弃滚动条的样式太难看了(好吧,其实我自己是能接受的,确实我是缺少美感的前端,这是硬伤啊),好吧,既然如此,那我们就只能动手捣鼓它了呗。 我们先来看一下传统的浏览器滚动条的样式： 好吧,确实是挺丑的,请原谅我的审美！ 那么现在,我们就要来更改一下这么丑的滚动条了,网上查了很多的资料,发现-webkit-内核的浏览器的支持性是最好的,而IE,好吧,它的滚动条自定制功能并不是很强大,只能控制各个部分的颜色而已,而火狐方面的话,网上查了很多自定义滚动条的方法,发现却是不支持的,真心蛋疼。 首先先来看一下在IE下的滚动条的自定义： 滚动条样式 支持情况 支持浏览器版本 可否继承 描述 scrollbar-3dlight-color IE特有属性 IE5.5+ Y 设置滚动框的和滚动条箭头左上边缘的颜色 scrollbar-highlight-color IE特有属性 IE5.5+ Y 设置滚动框的和滚动条箭头左上边缘的颜色 scrollbar-face-color IE特有属性

CSS禁止滚动条

由 淺唱寂寞╮ 提交于 2020-03-17 05:53:59
CSS禁止滚动条的方法： 1、完全隐藏 在<boby>里加入scroll="no"，可隐藏滚动条； <boby scroll="no"> 2、在不需要时隐藏 指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条； 反之，则显示； <boby scroll="auto"> 3、样式表方法 在<boby>里加入style="overflow-x:hidden"，可隐藏水平滚动条； 加入style="overflow-y:hidden"，可隐藏垂直滚动条。 被包含页面里加入 <style> html { overflow-x:hidden; } </style> 4、另一种方法 <style type="text/css"> body { overflow-x:hidden; overflow-y:hidden; } </style> <style type="text/css"> html { overflow-x:auto; overflow-y:auto; } </style> 来源： https://www.cnblogs.com/jepson6669/p/9062336.html

JS获取元素的宽高以及offsetTop,offsetLeft等的属性值

由 泪湿孤枕 提交于 2020-03-16 11:01:09
基本介绍 $(obj).width()与 $(obj).height() $(obj).width()与 $(obj).height() ：jquery方式获取元素的宽高，不包括滚动条与工具条 $(obj).width() = width $(obj).height() = height $(window).width() 与 $(window).height() ：获得的是屏幕可视区域的宽高，不包括滚动条与工具条。 $(window).width() = width + padding $(window).height() = height + padding document.documentElement.clientWidth与document.documentElement.clientHeight document.documentElement.clientWidth 与 document.documentElement.clientHeight ： 获得的是屏幕可视区域的宽高，不包括滚动条与工具条，跟jquery的(window).width()与(window).height()获得的结果是一样的。 document.documentElement.clientWidth = width + padding document.documentElement

操作滚动条让页面返回顶部，效果要平滑

由 放肆的年华 提交于 2020-03-12 06:53:54
一键跳回顶部的功能很常见 但是又不想效果平平 不能一瞬间就跳回去 过程要平滑，固定步长会让过程平滑很多 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .long { height: 2000px; background-image: linear-gradient(#e66465, #9198e5); } #btn { border: 1px solid black; border-radius: 50%; position: fixed; right: 0; bottom: 0; height: 100px; width: 100px; display: none; } </style> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> </head> <body> <div class="long"></div> <button id="btn">to top</button> <

css修改滚动条样式

由 本小妞迷上赌 提交于 2020-03-12 04:57:36
html <div class="inner"> <div class="innerbox"> <p style="height:200px;">这是内容111</p> <p style="height:400px;">这里是内容222</p> <p>这里是内容333</p> </div> </div> 　　 css 　.inner{ width: 265px; height: 400px; position: absolute; top: 33px; left: 13px; /*cursor: pointer;*/ overflow:hidden; } .innerbox{ overflow-x: hidden; overflow-y: auto; color: #000; font-size: .7rem; font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma; height: 100%; } /*滚动条样式*/ .innerbox::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } .innerbox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border

今日工作心得：模态窗口的问题

由 廉价感情. 提交于 2020-03-10 07:38:03
今天用到了模态窗口，说实话觉得模态窗口的效果确实不应是首选，使用javascrpit+div模拟才是不错的选择，但是为了赶时间图省事，还是选择了模态窗口。以前对模态窗口了解的并不是很多，今天借这个机会自己给自己总结一下。 1.使用方法： vreturnvalue = window.showmodaldialog(surl [, varguments] [, sfeatures]) vreturnvalue = window.showmodelessdialog(surl [, varguments] [, sfeatures]) 参数说明： surl 必选参数，类型：字符串。用来指定对话框要显示的文档的url。 varguments 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogarguments来取得传递进来的参数。 sfeatures 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。 dialogheight 对话框高度，不小于１００px，ｉｅ４中dialogheight 和 dialogwidth 默认的单位是em，而ｉｅ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。 　　dialogwidth: 对话框宽度。 　　dialogleft:

div内容超过实现滚动条以及设置滚动条属性【CSS实现】

由 心不动则不痛 提交于 2020-03-07 22:56:15
例如，有一个id叫做mleft的div，当内容超过他原本的高度或者宽度，出现滚动条。 一般默认的滚动条太难看，此时我们要自定义样式 div的基本css: #mleft{ width:200px; height:500px; float:left; background-color:rgb(0,191,255); overflow:auto;/*当内容超过，出现滚动条*/ } 滚动条的css【以下对应的选择器都要有才行】 #mleft::-webkit-scrollbar{/*滚动条整体*/ width:10px; } #mleft::-webkit-scrollbar-track{/*滚动条轨道*/ background:#999; border-radius:2px; } #mleft::-webkit-scrollbar-thumb{/*滚动条里面的滑块*/ background:white; border-radius:10px; } #mleft::-webkit-scrollbar-thumb:hover{/*滚动条鼠标事件，鼠标放上去出现的事件*/ background:#333; } #mleft::-webkit-scrollbar-corner{/*滚动条边角*/ background:#179a16; } 注意：滚动条对应的所有选择器： ::-webkit

修改滚动条样式

由 烈酒焚心 提交于 2020-03-05 21:07:03
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; height: 16px; background-color: #bdcda9; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #fff; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #bdcda9; } 来源： https://www.cnblogs.com/tine/p/7729074.html

【Selenium6】下拉框、弹出框、滚动条操作

由 耗尽温柔 提交于 2020-03-04 20:25:30
1、处理下拉框 所用HTML文档 <html> <body> <select id="ShippingMethod" onchange="updateShipping(options[selectedIndex]);" name="ShippingMethod"> <option value="12.51">UPS Next Day Air ==> $12.51</option> <option value="11.61">UPS Next Day Air Saver ==> $11.61</option> <option value="10.69">UPS 3 Day Select ==> $10.69</option> <option value="9.03">UPS 2nd Day Air ==> $9.03</option> <option value="8.34">UPS Ground ==> $8.34</option> <option value="9.25">USPS Priority Mail Insured ==> $9.25</option> <option value="7.45">USPS Priority Mail ==> $7.45</option> <option value="3.20" selected="">USPS First Class =
订阅 滚动条