使用JavaScript滚动溢出的DIV
在这个问答内容中，我们需要了解如何使用JavaScript来处理滚动溢出的DIV。以下是一个简单的示例，展示了如何使用JavaScript来处理滚动溢出的DIV：
<!DOCTYPE html>
<html>
<head><style>
.scrollable {
width: 200px;
height: 100px;
overflow: auto;
border: 1px solid black;
}
</style>
</head>
<body>
<div class="scrollable">
<p>这是一个可滚动的DIV元素，其中包含了大量的文本内容，以至于无法在一个屏幕上完全显示。</p>
<p>这是一个可滚动的DIV元素，其中包含了大量的文本内容，以至于无法在一个屏幕上完全显示。</p>
<p>这是一个可滚动的DIV元素，其中包含了大量的文本内容，以至于无法在一个屏幕上完全显示。</p>
<p>这是一个可滚动的DIV元素，其中包含了大量的文本内容，以至于无法在一个屏幕上完全显示。</p>
<p>这是一个可滚动的DIV元素，其中包含了大量的文本内容，以至于无法在一个屏幕上完全显示。</p>
</div><script>
const scrollableDiv = document.querySelector('.scrollable');
scrollableDiv.scrollTop = scrollableDiv.scrollHeight;
</script>
</body>
</html>在这个示例中，我们创建了一个可滚动的DIV元素，并使用CSS样式设置了其宽度、高度和溢出属性。然后，我们使用JavaScript代码来滚动该DIV元素，使其显示其中的最新内容。
这个示例展示了如何使用JavaScript来处理滚动溢出的DIV，但是它仅仅是一个简单的示例。在实际应用中，您可能需要根据具体需求来调整代码，以实现更复杂的功能。
相关·内容
2回答
如何创建滚动框，然后使用javascript添加内容？
javascript、html
我正在做一个游戏，我想用html创建一个滚动框，然后再用javascript在相同的代码中添加一些东西。这有可能吗？谢谢。
浏览 0提问于2013-11-28得票数 3
2回答
如果滚动条可见，请滚动内容
javascript、html、css、user-interface、user-experience
我有一个固定大小的div，可以动态显示内容。谢谢。
浏览 0提问于2015-07-29得票数 1
2回答
CSS:如何在水平方向而不是垂直方向修复元素？
javascript、html、css
您可以在这里看到一个示例：如果用户调整视区大小，则会出现一个垂直滚动条。如果此时用户向下滚动，则红色元素将上升，而蓝色元素将保持不变。这会破坏布局(红色元素与蓝色元素重叠)。
有没有可能让蓝色元素水平固定，但垂直滚动？我知道有基于onscroll的javascript解决方案。但是在用户滚动到元素的位置适应新的偏移量之间总是有延迟的。
浏览 1提问于2009-09-25得票数 7
1回答
不使用样式属性的位置dom元素？
javascript、css、spreadsheet
我正在开发一个可视化组件，它的工作方式类似于电子表格。可以在两个维度中滚动的内容区域，以及始终可见的左侧和顶部的轴指示符。它们的解决方案的相关结构如下。
集装箱分区。显式尺寸。溢出隐藏。位置相对。V.“内容大小”，完全不使用
浏览 3提问于2012-04-18得票数 1
回答已采纳
2回答
Firefox 3.6 Javascript自定义滚动条性能
javascript、performance、firefox
我用javascript编写了一个自定义的scrollbar类，用在一个"freezepane“结构中。在大多数浏览器中的性能(包括IE6！)是好的。但在火狐3.6 (测试版4就可以了)中，它是非常不稳定的。当滚动条移动时，onmousemove事件计算一个位置，然后将新位置发送到一个回调，该回调设置两个元素的style.left(或top)，这两个元素比隐藏溢出内容的父DIV容器大。freezepane<
浏览 0提问于2010-10-20得票数 0
2回答
填充div而不使其溢出
jquery、html、css
我有这样的布局在侧列col2和col3中，我有一个div，每个都是一个持有者。我需要用不同大小的其他div填充这些持有者，而不是垂直溢出持有者。所以我需要计算我可以放入多少个div，直到没有更多的空间，或者下一个div会溢出持有者。
我该如何解决这个问题呢？
浏览 1提问于2011-07-30得票数 0
3回答
如何在不显示滚动条的div中滚动文本行
javascript、html、css、scrollbar、overflow
请参阅以下链接：
.FileName { width: 438px;我们为这个跨度预定义了宽度q#1 :那么为什么这个div中有溢出，我该如何修复呢？编辑提前感谢
浏览 2提问于2011-10-28得票数 0
回答已采纳
1回答
Div溢出，Scroll仅在那里工作，直到div被移除并触发溢出偏移量
javascript、jquery、html、css
我有一个Div Overflow前置到body容器包装器，当它触发这个前置时，我希望所有由鼠标滚动所做的滚动只在div溢出中工作，它的宽度:窗口的60%。所以我希望我滚动的地方只能在div溢出中工作，因为现在的方式是，当你在div中达到最大滚动时，它开始在背景中滚动身体，而且如果我把鼠标放在div</e
浏览 0提问于2011-10-05得票数 0
回答已采纳
1回答
使用javascript滚动水平溢出div中心
javascript、html、css、scroll
我在div中有一个水平的用户界面作为标签栏。当我单击一个li元素时，我希望将父div中心滚动到视口。没有jquery我怎么能做到这一点？ tabbar.scrollLeft = -tabbar.offsetWidth tabbar.scrollLeft = tabbar.offsetWidth<div>Tab 1<a/></li>
<li id="tab2">
浏览 2提问于2019-05-16得票数 1
2回答
可滚动的div在android模拟器、iphone模拟器中不起作用
android-emulator、ios-simulator、cordova
我正在使用phonegap。div width: 249px; overflow-y: auto但是div没有滚动。
但在浏览器中就没问题了。
浏览 2提问于2011-06-30得票数 1
2回答
机器人中的滚动条失效？
android、css
我正在使用媒体查询来构建这个站点的移动版本：但是，当站点显示在Android手机中时，即使有项目溢出，滚动条也会消失。代码：div#resultsListing { height:100%; padding:0;}}
移动CS
浏览 4提问于2011-10-07得票数 3
2回答
为什么我的滚动条在我的HTML站点上启用？
html、css、scrollbar
我是这个领域的新手，现在我正试图通过测试来提高自己。我一直试图找出为什么我垂直和水平滚动条，从我注意到，我认为这是因为桌子。我怎么才能解决这个问题？我知道我没有很好的组织它，但我真的想解决滚动条，我也试图隐藏它的身体，但如果有人有一个较低的分辨率，总网站将不会显示。你觉得我能对他们做什么？<div id="header">
</div>
浏览 3提问于2020-06-01得票数 0
回答已采纳
2回答
垂直滚动在一个div中，水平在另一个div中。
javascript、html、css
我的网页分为两个框(Div)A在左边和B在右边。与位置:固定在B是微不足道的有一个滚动上下，但然后B不水平滚动。
我该怎么做？谢谢
浏览 3提问于2010-02-22得票数 3
回答已采纳
1回答
使用Javascript进行更多滚动溢出的Div
javascript、html、scroll
我的问题基本上回到这个问题上：另外:在链接的问题中，是否在每次执行代码时向下滚动div一个完整的滚动高度？如果是这样，我如何让它随着鼠标位置向下滚动？换句话说，一旦我将鼠标移动到div的底部，我如何才能使div继续向下滚动，并可能使鼠标光标保持在相同的位置(此
浏览 1提问于2009-01-26得票数 1
4回答
当内容溢出页面时，使非包装div展开。
html、css、width、overflow、expand
当一个div有white-space: pre并且有太多的内容时，它会溢出页面，添加一个滚动条。如何使div扩展到同样宽的范围？示例：当div的内容溢出时，如何
浏览 2提问于2013-08-13得票数 0
回答已采纳
2回答
如何在android浏览器中制作滚动条
javascript、css、overflow、android-browser、opera-mobile
如何在android浏览器中使用overflow-y，例如在opera mobile中？如果我创建一个带有overflow-y样式的div，那么它就不会像在桌面浏览器中那样工作。所以我想在不使用任何库的情况下，让div垂直滚动。请给我一些说明。
提前谢谢你，
浏览 3提问于2012-03-13得票数 1
回答已采纳
1回答
不含ScrollBars的DIV [HTM1-css\ JavaScript]
javascript、html、css、scroll、scrollbar
可能重复：
我想通过JavaScript滚动一个溢出的DIV。我也会隐藏溢出。但是如何通过JS滚动隐藏的内容呢？谢谢，你好，J。
浏览 4提问于2012-01-12得票数 0
2回答
溢出:如何使表只在x轴上滚动？
html、css
假设我有一个表，其中有这样和这样的列。为了避免表在窗口外溢出，所以我用div包装它： <table>
<!但是，我需要一个包含<select>元素列的表。在这种情况下，我不希望表滚动，我更喜欢select在包装器之外(而不是不舒服的内部滚动)。由于某些原因，没有考虑到overflow-y，而且表仍然使用
浏览 2提问于2014-11-09得票数 1
2回答
删除HTML滚动条，但允许鼠标滚轮滚动
html、scroll、mousewheel
可能重复：
通过设置CSS属性overflow-y: hidden，我能够在网格中禁用垂直滚动条。但是，这也消除了使用鼠标轮滚动内容的能力。是否有一种方法可以不显示滚动条，但仍然允许内容通过鼠标、车轮或箭头键滚动？
浏览 3提问于2010-07-15得票数 43
回答已采纳
2回答
滚动一个隐藏溢出的div，使其内部的元素居中。
javascript、jquery、html、css
我有一个div里面有几个元素。它们中的每一个都充当分页编号，当我单击其中之一时，容器div必须滚动以对此元素进行居中。div有一个溢出:隐藏的行为，所以我必须找到div的实际大小，而不仅仅是它的可见部分。
浏览 7提问于2015-02-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
