jquery 让div添加滚动条?
div 添加滚动条只需要指定 overflow 属性为 auto 即可。 |
以下实例设置了 div 水平滚动条:
实例
<div style="height:300px;width:70px;overflow:auto;background:#EEEEEE;"> 菜鸟教程 -- 学的不仅是技术,更是梦想!!! 菜鸟教程 -- 学的不仅是技术,更是梦想!!! 菜鸟教程 -- 学的不仅是技术,更是梦想!!! 菜鸟教程 -- 学的不仅是技术,更是梦想!!! </div>
宽度(width)和高度(height)可以根据实际需要来设定。
以上实例表示如果 div 内容的高度大于 300px 就会出现垂直滚动条,小于 300px 就没有滚动条。如果宽度大于 70px 会出现水平滚动条,小于就没有。
如果你想在 div 中滚动条是一直存在的则可以设置 overflow 属性为 scroll:
你也可以将 overflow 设置为 scroll,即:
实例
<div style="height:300px;width:200px;overflow:scroll;background:#EEEEEE;"> 菜鸟教程 -- 学的不仅是技术,更是梦想!!! 菜鸟教程 -- 学的不仅是技术,更是梦想!!! 菜鸟教程 -- 学的不仅是技术,更是梦想!!! 菜鸟教程 -- 学的不仅是技术,更是梦想!!! </div>
更多设置
只设置水平滚动条:
<div style="width:100px;overflow-x:auto"></div>
只设置垂直滚动条:
<div style="height:300px;overflow-y:auto"></div>
水平与垂直都设置:
<div style="width:70px;height:300px;overflow-x:auto;overflow-y:auto"></div>
http://www.taodudu.cc/news/show-5539273.html
相关文章:
- jquery滚动条平滑滚动_使用jQuery平滑垂直或水平页面滚动
- Machine Learning学习笔记(十)K-means聚类算法
- 在vue中引入css,详解在Vue中有条件地使用CSS类
- java系统学习(十五) --------xml基础
- 2018-2019-2 20189206 《密码与安全新技术专题》 第二次作业
- 20189218 2018-2019-2 《密码与安全新技术专题》第3周作业
- 原生js实现视差风格音乐播放器
- 工具——Fiddler(二)数据信息分析
- 谈论源码_与普通人谈论安全性
- Deep Learning Applied to Steganalysis of Digital Images: A Systematic Review 深度学习在数字图像隐写分析中的应用:系统综述
- Windows 下有哪些能极大地提高工作效率的软件?
- 网络并发 数据库可能的面试题
- 每日五题-202111
- 生日密码破解-zip
- 微信小程序WOW怀旧EPGP2019_某年某月_新浪博客
- 简化版单例,使创建的类对象无论重新定义多少次都唯一
- BGP学习
- 小程序如何使用solidup和soliddown?
- 小程序购物车全选反选 数量加减 总价钱 总数量
- 小程序购物车优化全选,反选,单选控制价格等
- EIGRP 路由汇总的管理距离
- ElasticSearch框架整合与使用
- Springboot 整合 ElasticSearch 入门教学必看
- 思己录-3:两种假设
- 方舟服务器维护公告11月19日,明日方舟11月19日更新了什么内容-1119更新内容介绍...
- 商标局计算机系统管理,龙门标局为你介绍商标局系统为什么打不开?
- 第9类商标的计算机和计算机软件类似吗,手机APP属于什么商标类别 第9类精品商标分享...
- 第9类商标的计算机和计算机软件类似吗,第9类商标查询?
- 个人设计案_天堂港(简历附件)
- 记一位美术变成开发者的经历
jquery 让div添加滚动条?相关推荐
- php滚动条代码,CSS_给DIV添加滚动条的实现代码,直接为div指定overflow属性为auto - phpStudy...
给DIV添加滚动条的实现代码 直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下: 复制代码代码如下: 如果要出现水平滚动条,则: overflow-x:auto 同理 ...
- div添加滚动条css属性代码
div如何添加滚动条,div中的内容太多如何添加横向滚动条或纵向滚动条?可以为div设置overflow属性来实现,码教程来详细说下div添加滚动条的方法: div添加滚动条的方法 div添加滚动条是 ...
- html div的点击事件,Jquery为DIV添加click事件的简单实例
今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给div添加一个事件了,下面我们来看这个例子的做法. html jquery事件 $('#click_ms').click(f ...
- jquery.slimScroll插件 div添加滚动条
项目中左侧菜单栏中子菜单展开时长度过长,导致页面撑开.使用该插件为菜单栏的div加上滚动条 github地址:https://github.com/kujian/jQuery-slimScroll?u ...
- html中加滚动条,html中的div添加滚动条
无标题文档 .css{ width:50px; border:1px solid red; /* overflow-x:scroll;左右滚动 overflow-x:scroll;上下滚动 overf ...
- html滚动条自动下拉,[JS] jquery实现div随滚动条下拉浮动功能
1.简介 div浮动,当滚动条下拉时,将div浮动到固定位置上. 2.实现 引用jquery.js略 1.html div加id="float".如 浮动内容 2.css 样式.d ...
- js在以div添加滚动条
给予div另外,当我们必须定义高度和宽度的滚动条,使滚动条是有效,增加样式:overflow:auto; 版权声明:本文博主原创文章.博客,未经同意不得转载.
- react给div添加滚动条
设置动态固定高度,获取页面高度,减去多余高度.设置溢出自动 <div style={{ height: document.body.clientHeight - 172, overflow: ' ...
- html中加滑动条,给DIV添加滚动条的实现代码
直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下: 复制代码代码如下: 如果要出现水平滚动条,则: overflow-x:auto 同理,垂直滚动条为: overfl ...
最新文章
- php 删除子字符串函数,PHP删除字符串中的任何字符函数
- 关于python赋值语句下列选项中描述正确的是_关于Python的分支结构,以下选项中描述正确的是()。...
- 关于数据库的备份和某个表的数据备份的相关步骤介绍
- BugkuCTF-MISC题可爱的故事
- Sgen.exe: Speed up XmlSerializer's Startup Performance [.NET 2.0, XML Serialization]
- 1.5编程基础之循环控制 24 正常血压
- python正弦波和等腰三角波_51proteus仿真:生成方波、正弦波、锯齿波和三角波
- Linux kernel 国内repo
- vs没有添加引用_英超:切尔西 vs 热刺,热刺准备重新登顶领头羊
- mysql 执行顺序_MySQL 基础知识掌握
- android 用platform.x509.pem platform.pk8对apk进行签名
- (个人笔记)英语语法之动词时态
- 推荐两款很好用的听书APP
- php 计算时间段内的工作日 与节假日
- 新旧Macbook下微信聊天记录的转移方法
- C语言编程习惯和修养
- qt5.9开发指南 例子
- 跨平台手动迁移虚拟机
- 我在哥大读博的五年,万字总结
- “五年饮冰,难凉热血”,一名专科生的求学历程
热门文章
- Statement和Prestatement的区别(转)
- Win10网络硬件支持1000兆,显示只有100兆的解决办法
- 【go-tcpcat】Go TCP服务器框架 支持Hook、功能码函数
- mysql patindex,在MYSQL中的PATINDEX()替换
- iOS tintColor与backgroundColor
- python apply函数的用法_Python pandas.DataFrame.apply函数方法的使用
- 潇洒郎:命名大师——批量命名文件——(改进版)——可改文件后缀名——修复软件的一些bug——并用cxfreeze打包成exe文件
- Linux docker(01) 基础操作
- ANSYS结构非线性分析指南连载四--第四章 材料非线性分析 (二)
- 字节跳动秋招面试经验分享