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

最新推荐文章于 2024-11-01 14:21:00 发布

Ai2015WER

最新推荐文章于 2024-11-01 14:21:00 发布

阅读量5.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： PHP开发 Java开发 .Net开发 JavaScript 源代码分享个人随笔请勿参考文章标签： javascript div function

本文链接：https://blog.youkuaiyun.com/hurryjiang/article/details/7174863

Java开发同时被 3 个专栏收录

101 篇文章

订阅专栏

个人随笔请勿参考

55 篇文章

订阅专栏

源代码分享

53 篇文章

订阅专栏

本文介绍了一种通过JavaScript设置HTML页面中特定Div元素的高度并启用自动加载的方法。该方法利用了getElementById来获取目标Div，并设置了固定高度及溢出滚动属性。同时，通过将函数绑定到window.onload事件上确保页面加载完成后再执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Ai2015WER

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js代码，当div中内容高度超出div高度的时候实现定制滚动条！

u011061301的专栏

10-27

1849

//图片展示层中图片过长的时候显示滚动条效果 var isMouseDown = false; var scrollY = 0; var scrollObjInfo = new Array(); var mouseDownY = null; var scrollBarIndexHight = null; var scrollY = null; //scrollDivObj 固定高度的div对

通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位

10-25

本文将介绍如何使用JQuery实现div滚动条的自动定位。首先，我们需要了解JQuery的基础知识。JQuery是一个快速、简洁的JavaScript库，它通过简化HTML文档遍历和事件处理、动画和Ajax交互，使得Web开发变得更加方便和...

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

js固定DIV高度,超出部分自动添加滚动条的简单方法

12-10

代码如下:function setheight() { var div=document.getElementById(“event_basicInfo”); //div.style.width=”40%”; div.style.height=400; div.style.overflow=”auto”; } [removed]=setheight;

div长度超出设置滚动条样式

最新发布

weixin_50692948的博客

11-01

404

div长度超出设置滚动条样式

javascript 高度

Jason分享，共同进步

01-22

112

javascript 高度 s = "网页可见区域宽："+ document.body.clientWidth; s += ""r"n网页可见区域高："+ document.body.clientHeight; s += ""r"n网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)"; s += &qu

javascript获取高度

weixin_34228662的博客

08-23

127

元素边框外侧相对于父容器的边框外侧的高度chrome firefox ie原生offsetTop 元素边框外侧相对于父容器的边框内侧的高度元素边框外侧相对于父容器的边框内侧的高度元素边框外侧相对于父容器的边框内侧的高度offsetHeight 元素的高度（包括padding和border）元素的高度（包括padding和border）元素的高度（包括padding和b...

Javascript实现DIV滚动自动滚动到底部的代码

10-28

`，这一行代码可以实现让DIV滚动条自动移动到最底部。现在来详细解释这段代码： 1. `div.scrollTop`属性：这个属性定义或获取当前的垂直滚动位置。如果我们将其设置为一个具体的数值，浏览器就会将DIV滚动条移动...

div模拟滚动条当div宽度小于18时滚动条不滚动

12-03

内部的`div`高度为600像素，远超过外部`div`的200像素高度，所以应该会出现垂直滚动条。然而，在宽度小于18像素的`div`中，滚动条在IE10的兼容模式下失效。这是由于IE浏览器的一个已知问题，它对模拟滚动条的最小...

JS根据高度自动添加滚动条

qq_15568321的博客

09-19

154

在javascript中得到当前窗口的高和宽

yicel的专栏

12-18

759

var s = ""; s += "/r/n网页可见区域宽："+ document.body.clientWidth; s += "/r/n网页可见区域高："+ document.body.clientHeight; s += "/r/n网页可见区域宽："+ document.body.offsetWidth

关于JavaScript中各种高度和距离总结

hcf1599637724的博客

05-10

644

//todo 最完整版本//todo jquery <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>//todo 鼠标clientX //鼠标指针到浏览器页面的水平坐标(左)clientY //鼠标指针到浏览器页面的垂直坐标(上)offsetX //设置或获取鼠标指针位置相对于触...

javascript中各类高度和宽度的整理

10-26

128

基础学的不扎实，关于高度宽度的各个属性总是糊里糊涂的，在这里理一下思路。下面的测试以以下html结构为例 <div id="div1" style="height:200px;width:200px;padding:20px;margin:10px;border:1px solid #000;overflow:scroll"> <div id=...

图解JavaScript中的各种宽度高度属性

lianfengzhidie的博客

01-27

898

父级div固定高度并设置超出隐藏，子级div内容超出隐藏可以垂直滚动的设置

热门推荐

BetterGG的博客

06-25

1万+

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,widt

设置内容在固定高度内滚动

m0_47342482的博客

12-30

5635

设置内容在固定高度内滚动在HTML布局中，我们希望当内容超出div的固定高度时，div中能够出现滚动条，实现内容在div的固定高度内滚动，其实实现方式很简单：只需要在需要滚动的div上面把高度固定死，然后加上overflow-y:auto;这个属性就可以： height：100px; overflow-y:auto; ...

div中打开滚动条与设置滚动条位置

暄妍丶的博客

10-22

8646

div中打开滚动条与设置滚动条位置一、给div设置滚动条二、设置滚动条的位置通过锚点跳转设置scrollTop的值当我们给div设置固定的高度或宽度的时候,超出的内容默认是不显示的.但是我们有将他们显示出来的需求,比如自己做一个,这时候我们就需要给div加上滚动条了一、给div设置滚动条 我们只需要这么一行css代码 overflow: scroll; 如果我们只想添加高度滚动条,我们可以使用下面的语句 /*设置纵向滚动栏*/ overflow-x: scroll; /*设置横向滚动栏*/ overf

div在有滚动条时固定在某个位置

果酱味奶糖的博客

05-16

1034

这个属性会根据用户的滚动动作，将元素固定在某个位置。可能不被支持，因此可以添加浏览器前缀。要实现在有滚动条时固定。

实现滚动条滚动时固定DIV效果的方法

1. 元素高度：固定div时应保证内容高度不会超出视窗范围，否则会出现滚动条。 2. 兼容性：`position: sticky;`属性在较旧浏览器中可能不支持，需要使用其他方法兼容。 3. 重叠问题：固定元素可能会覆盖其他重要信息...