设置div滚动条
这个是很常见的一个任务了,基本是通过CSS去实现滚动条。 
滚动条 
设置是否显示滚动条主要是在CSS中设置下列的属性:
overflow-x:横向滚动条
overflow-y:纵向滚动条
参数的意义: 
visible: 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效。 
auto: 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条 
hidden: 不显示超过对象尺寸的内容 
scroll: 总是显示滚动条 
overflow:auto;这个表示当你内容超过div高度出现垂直的滚动条 
所以我们想在需要的时候显示垂直的滚动条,可以这么实现:
设置div滚动条的更多相关文章
- 【前端】webkit内核浏览器DIV滚动条样式修改和设置
		webkit内核浏览器DIV滚动条样式修改和设置 引言: 最近在做自己的小项目,为了设计出好看的页面费劲了心思,大到页面的整体布局,小到DIV的滚动条都不放过,以下是我通过查阅资料总结的webkit内 ... 
- 设置DIV随滚动条滚动而滚动
		有段时间没有碰Web端了,最近做了个功能,需要做个DIV随滚动条滚动而滚动,mark一下: 源码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 ... 
- DIV滚动条设置添加 CSS滚动条显示与滚动条隐藏
		<!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title& ... 
- FireFox火狐浏览器与IE兼容问题 - 透明滤镜 DIV滚动条
		问题一:最简单的鼠标移过手变型的css要改了 cursor:pointer;/*FireFox(火狐)不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了,标准的是point ... 
- div滚动条演示
		<!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title& ... 
- 如何设置div的宽度为100%-xx px?
		如何设置div的宽度为100%-xx px? 参见如下帖子:http://stackoverflow.com/questions/15183069/div-width-100-10px-relativ ... 
- Selenium2+python自动化26-js处理内嵌div滚动条
		前言 前面有篇专门用js解决了浏览器滚动条的问题,生活总是多姿多彩,有的滚动条就在页面上,这时候又得仰仗js大哥来解决啦. 一.内嵌滚动条 1.下面这张图就是内嵌div带有滚动条的样子,记住它的长相. 
- 如何设置DIV水平、垂直居中
		一.水平居中 需要设置两点: 1 设置DIV 的width属性即宽度. 2 设置div的margin-left和margin-right属性即可 代码: <div style="w ... 
- jquery设置div,文本框 表单的值示例
		我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML标记)val() - 设置或返回表单字段的值 1 ... 
随机推荐
- 批处理学习笔记6 - 重定向符>和>>
			重定向符大概有6,7种,和%符号差不多各有各的用途.这里学习>和>> > 是左边的值把右边的值覆盖 >> 是左边的值添加在右边的值上面 rem 是批处理的注释,类 ... 
- angular学习笔记(五)-阶乘计算实例(3)
			同样是上一个例子,我们要求并非实时的计算结果,而是等到用户确定自己已经输入完毕,然后进行计算: <!DOCTYPE html> <html ng-app> <head&g ... 
- 【Java】代理模式,静态代理和动态代理(基于JDK或CGLib)
			当我们需要在一个方法之前或之后添加一段逻辑时,自然会想到使用代理类.代理类帮我们代理了实际类的调用,然后可以在实际调用之前和之后添加一些逻辑,从而不浸入实际类. 拓展:由于代理类能在实际类调用之前和之 ... 
- PairRDD中算子reduceByKey图解
			reduceByKey 函数原型: def reduceByKey(func: (V, V) => V): RDD[(K, V)] def reduceByKey(func: (V, V) =& ... 
- docker centos7 dbus error解决方法
			在centos7 上使用centos7的docker镜像结果不能使用systemd,提示 Failed to get D-Bus connection: No connection to servic ... 
- ectouch ucenter用户注册失败问题
			ectouch 注册时没有给ecshop传下面这几个值: `alias` ) NOT NULL DEFAULT '' , `msn` ) NOT NULL DEFAULT '' , `qq` ) NO ... 
- 【C#/WPF】键盘事件
			需求:按下回车键,触发事件. 搜MSDN时,看到的键盘事件是System.Windows.Forms里的,在WPF中没法用: https://msdn.microsoft.com/zh-tw/libr ... 
- Mac为nginx安装nginx-sticky-module
			Mac为nginx安装nginx-sticky-module nginx版本: nginx-1.9.8 nginx-sticky-module版本:nginx-sticky-module-ng *注意 ... 
- Nhibernate 一对一,一对多,多对多 成功映射
			前语: 在Nhibernate xml 的文件配置上,一对一和多对多的配置比较简单,容易出错的反而是一对多(多对一)上. 1.一对一关联关系的映射: <one-to-one name=" ... 
- 全栈设计模式套餐MVVM, RESTful, MVC的历史探索
			众所周知, 软件开发时遵守一个规范的设计模式非常重要, 学习行业内主流的design pattern往往能够为你节省大部分时间. 根据我2年的全栈经验, 在Web应用程序领域最流行的, 并且若干年内不 ... 
