如何让div出现滚动条

最新推荐文章于 2023-06-09 20:01:24 发布
最新推荐文章于 2023-06-09 20:01:24 发布
阅读量142 收藏
点赞数
原文链接：http://www.cnblogs.com/zhaojia-dream/p/3186457.html
版权

由于DIV本身属性并没有滚动条设置，但是有些地方的设计却需要出现滚动条，如何实现呢？本人采用CSS样式来控制显示！而且也很简单，代码如下：

<div style="OVERFLOW-Y: auto; PADDING:0px 10px 0px 10px;SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 11pt;   SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #919192; COLOR: blue; SCROLLBAR-3DLIGHT-COLOR:#ffffff; LINE-HEIGHT: 100%; SCROLLBAR-ARROW-COLOR: #919192; SCROLLBAR-TRACK-COLOR: #ffffff; FONT-FAMILY: 宋体; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; LETTER-SPACING: 1pt; HEIGHT:500px; TEXT-ALIGN: left; background-repeat: no-repeat;">内容</div>

代码带滚动条样式，你可以去掉，就更简捷了！只要注意overflow相关参数！以及高度限制！

转载于:https://www.cnblogs.com/zhaojia-dream/p/3186457.html

dengguangming2014
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
09-01
下面小编就为大家带来一篇让DIV的滚动条自动滚动到最底部的3种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
div中打开滚动条与设置滚动条位置
暄妍丶的博客
10-22 7332
div中打开滚动条与设置滚动条位置一、给div设置滚动条二、设置滚动条的位置通过锚点跳转设置scrollTop的值 当我们给div设置固定的高度或宽度的时候,超出的内容默认是不显示的.但是我们有将他们显示出来的需求,比如自己做一个,这时候我们就需要给div加上滚动条了 一、给div设置滚动条 我们只需要这么一行css代码 overflow: scroll; 如果我们只想添加高度滚动条,我们可以使用下面的语句 /*设置纵向滚动栏*/ overflow-x: scroll; /*设置横向滚动栏*/ overf
scrollbar的属性及样式分类:css
命由己造，相由心生
05-29 2379
scrollbar的属性及样式分类:css     1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条）    overflow-x水平方向内容溢出时的设置    overflow-y垂直方向内容溢出时的设置    以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置
div内的scroll局部滚动
热门推荐
听闻青春丶
10-15 2万+
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt; *{ padding: 0;
如何给div添加滚动条
qq_27523025的博客
02-08 1481
">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 width:70px;以上实例表示如果 div 内容的高度大于 300px 就会出现垂直滚动条，小于 300px 就没有滚动条。
div 滚动
最新发布
Toml_的博客
06-09 5970
其中，::-webkit-scrollbar用于设置滚动条整体样式，::-webkit-scrollbar-thumb用于设置滚动条滑块样式。以上代码将滚动条宽度设置为 6px，高度设置为 6px，滑块圆角设置为 3px，滑块颜色设置为灰色半透明，滑块轨道颜色设置为浅灰色半透明。将overflow属性设置为auto或scroll，当内容超出div的高度或宽度时，就会出现滚动条。2.给div设置CSS属性overflow为auto或scroll，这将使div在高度范围内滚动。是你要选择的元素的类名。
div的滚动条如何实现
12-13
复制代码代码如下:<div xss=removed></div>div 设置滚动条显示：overflow :yes div 设置滚动条自适应显示：overflow :auto div 设置上下滚动条显示：overflow-y :yes div 设置上下滚动条自适应显示：overflow-y :...
div模拟滚动条当div宽度小于18时滚动条不滚动
12-03
IE浏览器，div模拟滚动条，div宽度小于18 滚动条不滚动 环境 win7 IE 10 代码： 复制代码代码如下: <!DOCTYPE html> <html> <head> <title>scroll</title> <meta http-equiv=”...
给DIV添加滚动条的实现代码
09-25
有时候我们需要为div加滚动条，那么就可以参考下面的代码
div滚动条优化
11-01
优秀的的div滚动条优化代码 优化之后不在影响滚动功能的情况下使div的滚动条变为半透明的...
jquery+js 控制div的scroll样式效果
04-06
常用来控制div滚动条的scroll样式，可以自己修改合适的效果
div滚动条样式一览-div+css设计网
07-26
div滚动条样式一览-div+css设计网，div滚动条，多个div滚动条样式
22、scroll 元素滚动
weixin_45998542的博客
12-17 1459
22、scroll 元素滚动 1. scroll 概述 scroll 翻译过来就是滚动的，我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。 2. 页面被卷去的头部 如果浏览器的高（或宽）度不足以显示整个页面时，会自动出现滚动条。当滚动条向下滚动时，页面上面被隐藏掉的高度，我们就称为页面被卷去的头部。滚动条在滚动时会触发 onscroll事件。 <body> <div> 我是内容 我是内容 我是内容 我是内容 我是内容 我是内容
DIV怎么自动添加滚动条？并给滚动条添加样式
m0_46652188的博客
07-14 9859
如何实现当DIV里的内容超过DIV的高度，DIV会自动添加滚动条 1.　div的style设置了overflow:auto后，当DIV里的内容超过DIV的高度，DIV会自动添加滚动条，拉动滚动条才能看到底.
div如何添加滚动条？
Free雅轩的博客
04-06 3029
div 添加滚动条只需要指定 overflow 属性为 auto 即可。 以下实例设置了 div 水平滚动条： 实例 <div style="height:300px;width:70px;overflow:auto;background:#EEEEEE;"> 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ </div>.
div设置滚动条
张姐姐聊编程
05-20 5763
在html中，怎么使div中的内容超出后自动显示滚动条的效果？最近在做项目中遇到这样的一个问题，因为在弹框中的内容太多，弹框的大小固定，超出的内容我们用滚动条的效果来解决。
div滑动到底部的scroll代码详解
qq_38901782的博客
12-22 463
div滑动到底部的scroll代码详解 scroll也是一个很好用的标签，本文就为大家分享一篇判断p滑动到底部的scroll实例代码，具有很好的参考价值，希望能帮助到大家。 <!DOCTYPE html> <html> <head> <title>判断p滑到底部的代码</title> <script src="../js/jquery-1.12.4.min.js" type="text/javascript" c.
转: div:给div加滚动条　div的滚动条设置
amkokq884222的博客
01-20 726
div 的滚动条问题： 两种方法： 一、 <div style=" overflow:scroll; width:400px; height:400px;”></div> 记住宽和高一定要设置噢，否则不成的 不过在不超出时，会有下面的滚动条，所以不是最好的选择 二、 <div style=" overflow-y:auto; overfl...
div出现滚动条
05-30
要使 `div` 元素出现滚动条，可以使用 CSS 的 `overflow` 属性。`overflow` 属性用于控制元素内容溢出时的处理方式。 例如，如果想使 `div` 元素在内容溢出时出现滚动条，可以使用以下 CSS 代码： ```css div { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值