怎样在<div>标签中添加滚动条

最新推荐文章于 2022-09-26 16:21:09 发布

weixin_30556161

最新推荐文章于 2022-09-26 16:21:09 发布

阅读量194

点赞数

原文链接：http://www.cnblogs.com/jackxlee/archive/2012/01/09/2317135.html

版权

在开发过程中遇到这样一个问题,在一个service cart里面需要显示出很多service项.

所以想着在div标签里添加滚动条.

直接为div的overflow指定为auto即可.这样做,但是必须指定div的高度.

如果要出现水平滚动条：overflow-x:auto

如果要出现垂直滚动条：overflow-y:auto

如果该div被包含在其他对象例如td中,则位置可设为相对：position:relative

author：jack.lee

date：2012.01.09

contact method：qq-523072842

Thanks!

转载于:https://www.cnblogs.com/jackxlee/archive/2012/01/09/2317135.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30556161

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

在html中加入滚动条,html在div中显示滚动条

weixin_39999730的博客

05-30

2122

基本思路：滚动条要添加到内容部分的父标签上(div)，内容部分不设置大小，父标签要明确设置大小，并且父标签要添加overflow样式，并设置成auto。打开的效果如下：这时可能有人会问，父div的长度和宽度如何确定呢？有时候这个父div是需要根据页面的大小来自动适应的！！！！！例如下边这种页面是很常见的:其中header部分、sider部分、footer部分是固定宽度的，而content区域是要适...

给DIV添加滚动条的实现代码

01-19

如果要出现水平滚动条，则： overflow-x:auto同理，垂直滚动条为： overflow-y:auto如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative 例如： <HTML> <HEAD> <TITLE>...

参与评论您还未登录，请先登录后发表或查看评论

001.DIV 标签添加滚动条

weixin_30561425的博客

12-11

313

0. 滚动条属性，overflow:auto 属性对于div 标签是有效的。 1. 首先，在页面添加样式，html body{overflow:hidden} 2. 其次给需要添加滚动条的div标签指定高度，添加滚动属性，style="height:600px;overflow-y:auto;" 以上OK！转载于:https://www.cnblogs.com/redlittlefac...

HTML代码中给div标签增加滚动条的方法

weixin_30273175的博客

02-21

815

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style...

给div加滚动条

一个很酷的人

08-09

414

两种方法：一： " overflow:scroll; width:400px; height:400px;”> 宽和高必须要设置噢，否则会不成；但是在不超出时，会有下面的滚动条，所以不是最好的选择二： " overflow-y:auto; overflow-x:auto; width:400px; height:400px;”> 宽和高必须

《成长笔记》div里面字符串滚动实现

lion_fox的博客

10-21

276

《成长笔记》js控制div里面字符串滚动实现今天遇到一个问题，由于一个div里面的字符串长度太长，界面无法完全显示下，要求实现字符串的滚动显示。通过css3的动画可以实现滚动显示，但是具有局限性，因为css3动画需要一个div包裹这个字符串，并且能够获得这个div的长度，而在实际问题中无法获得这个长度，所以打算用js来控制实现字符串的滚动。 <body onLoad="scroll()"&...

MVC 3.0 滚动滚动条加载内容

weixin_34224941的博客

09-14

187

Source:http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/ <--- http://webdeveloperplus.com/jquery/create-a-dynamic-scrolling-content-box-using-ajax/ http://s...

给大图片添加滚动条

07-20

以上就是如何在网页中为大图片添加滚动条的详细步骤。通过这些技术，我们可以确保用户无论在何种设备上都能轻松查看完整的图像内容。同时，自定义滚动条样式可以提升页面的整体视觉效果，让用户体验更加舒适。在实际...

<!DOCTYPE html> <html> <head> <title>公告滚动字幕</title> <style> .container { height: 100px; overflow: hidden; position: relative; } .container ul { list-style: none; padding: 0; margin: 0; position: absolute; bottom: 0; animation: scroll 10s linear infinite; } .container ul li { padding: 10px; background-color: #f2f2f2; margin-bottom: 5px; color: #333; } @keyframes scroll { 0% { transform: translateY(100%); } 100% { transform: translateY(-100%); } } </style> </head> <body> <div class="container"> <ul> <li>这是第一个公告</li> <li>这是第二个公告</li> <li>这是第三个公告</li> <li>这是第四个公告</li> <li>这是第五个公告</li> <li>这是第六个公告</li> <li>这是第七个公告</li> </ul> </div> </body> </html>如何加大它的字体并加入一个最顶上的视频播放器并兼容pc移动手机浏览器

最新发布

06-01

要加大公告滚动字幕的字体，只需在样式中增加字体大小的属性即可。例如，将字体大小设为20像素： ``` .container ul li { font-size: 20px; padding: 10px; background-color: #f2f2f2; margin-bottom: 5px; ...

限制div高度当内容多了溢出时显示滚动条

09-25

关于如何限制div的高度并在内容溢出时显示滚动条，这是一个在网页设计中非常实用的技巧。特别是在我们想要在一个有限的空间内显示尽可能多的内容，而又不想破坏页面的整体布局时，我们通常会采用这种技术。接下来，...

在html网页中给div标签加上一个滚动条

zerowsy的博客

09-26

507

html网页中，给某一部分增加一个简易滚动条

怎样设置父窗口页面滚动条位置

h57020877的专栏

12-05

1467

<br />设置父窗口的父窗口的页面滚动条位置，这么写怎么不行啊？<br />上面的代码是给类的原型加一个属性，如果不懂啥是原型，你只须理解如果你使用了上面这句代码，那么用f创建的所有的对象都会有xxx这个属性，注意在javascript中属性可以为函数。<br />这句代码可能让人觉得很怪，但如果你见到这种情况，你把f不要当成函数来看，而要当成类来看，这句话的意思是为f这个类增加一个属性，而且这个属性只属于f,也就是说用f创建的对象不能访问这个属性，只能通过f 这个类来访问。也就是说只能这么用:f.xxx

jsp页面框中实现数据滚动形式

下一个奇迹

05-24

5646

1.js代码引用的txt_scroll.js，其中txt_scroll.js的代码是下面的 // JavaScript Document var wb_speed=80 var wb_items2=document.getElementById("demo2"); var wb_items1=document.getElementById("demo1"); var wb_i

div如何添加滚动条？

Free雅轩的博客

04-06

3069

div 添加滚动条只需要指定 overflow 属性为 auto 即可。以下实例设置了 div 水平滚动条：实例 <div style="height:300px;width:70px;overflow:auto;background:#EEEEEE;"> 菜鸟教程 -- 学的不仅是技术，更是梦想！！！菜鸟教程 -- 学的不仅是技术，更是梦想！！！菜鸟教程 -- 学的不仅是技术，更是梦想！！！菜鸟教程 -- 学的不仅是技术，更是梦想！！！ </div>.

JavaScript 固定DIV高度，超出部分自动添加滚动条

Hurry的专栏

01-04

5648

function setheight() { var div=document.getElementById("event_basicInfo"); //div.style.width="40%"; div.style.height=400; div.style.overflow="auto"; } window.onload=setheight;

div:给div加滚动条　div的滚动条设置