从不可滚动元素滚动DOM元素
是指在网页中，当一个元素的内容超出了其可见区域时，可以通过滚动来查看隐藏部分的内容。不可滚动元素通常是指没有内置滚动条的元素，而DOM元素则是指网页中的各个元素节点。
在前端开发中，可以通过CSS属性来实现从不可滚动元素滚动DOM元素的效果。一种常见的方法是使用overflow属性，将不可滚动元素的overflow属性设置为auto或scroll，这样当内容超出元素的可见区域时，会自动显示滚动条，从而可以通过滚动来查看隐藏部分的内容。
另一种方法是使用JavaScript来实现滚动效果。可以通过监听滚动事件，当不可滚动元素滚动时，通过改变DOM元素的位置或样式来实现滚动效果。这种方法通常需要结合CSS的position属性和transform属性来实现平滑的滚动效果。
从应用场景来看，从不可滚动元素滚动DOM元素的功能在很多网页中都会用到。例如，在一个长列表或者表格中，当内容超出可见区域时，可以通过滚动来查看隐藏部分的内容。又或者，在一个弹出框或者模态框中，当内容过长时，也可以通过滚动来浏览全部内容。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。这些产品可以帮助开发者快速搭建和部署各类应用，提供稳定可靠的云计算基础设施。具体的产品介绍和链接地址可以参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
我已经做了一个小代码来澄清我的问题：，当我在页面上的任何地方滚动时，我想滚动内部段落，即使是在不可滚动的div.pageContent上。有没有办法实现这种行为，让用户有一种“原生”的滚动体验？
浏览 14提问于2021-05-21得票数 1
回答已采纳
我是一个复杂的网站与垂直滚动固定位置侧边栏。侧栏包含在悬停时显示工具提示的图标。工具提示水平溢出其侧栏容器，而溢出不显示。下面是边栏的DOM结构以及相应的z索引和位置。注意，根<ui-view>元素至少是DOM中所有其他呈现元素的同级元素。<a> // position: relative
<div> // position: absolute, too
浏览 2提问于2017-01-31得票数 0
3回答
假设我在一个页面上有6000个dom元素，并且当用户与页面交互时(用户滚动创建一个新的dom元素)，元素的数量可以增加，比如twitter。
它们是否还有任何其他方法来改进一个包含了dom元素的页面？
浏览 0提问于2012-09-27得票数 82
回答已采纳
3回答
基本上，我想在滚动DOM元素之前做一些预处理。问题是scroll事件是在滚动DOM元素之后触发的。我知道当您使用鼠标滚轮滚动时，鼠标滚轮滚动事件会在DOM元素滚动之前触发，尽管它没有为您提供预期的滚动位置，而且它只是一种滚动类型。我想知道是否有任何事件会触发每个滚动方法(例如。鼠标滚轮、拖动滚动条、按向下箭头等。)在滚动
浏览 1提问于2011-05-13得票数 9
回答已采纳
1回答
通过一系列事件，DOM中的元素在页面上变得不可见。
右键单击元素面板中的元素并选择“滚动到视图”不会滚动页面，不管我在页面中的滚动位置如何。我设
浏览 3提问于2017-01-29得票数 1
回答已采纳
滚动条在chrome中可见，但在Internet Explorer 11中不可见 我试着调试和检查元素，以便在DOM中找到滚动条的确切位置。没有得到任何幸运
浏览 6提问于2019-04-16得票数 0
1回答
Problem：对数组元素进行排序之后，滚动位置就丢失了。一个有趣的事实是，移到数组末尾的元素的位置丢失了。更改每个DOM元素的滚动位置。按"btn反向“按钮。预期行为：所有元素都必须保留其滚动位置。示例代码(
浏览 1提问于2022-05-30得票数 -1
回答已采纳
我使用位置散列传递一个元素ID，如下所示：但是，sub-object元素列表是在页面加载后从应用程序接口动态加载的。在异步请求完成后，如何将视口滚动到给定元素？因为它的位置在页面加载时在DOM中不可用。
浏览 19提问于2017-01-26得票数 0
3回答
我想要捕获当用户在页面不能滚动/不可滚动的情况下滚动滚轮时的事件。然而，标准的JS scroll事件仅在浏览器实际滚动时触发，并且不会触发样式为溢出隐藏的DOM元素。谷歌地图的滚动缩放就是我正在寻找的行为类型的一个例子。谢谢。
浏览 1提问于2012-11-08得票数 6
回答已采纳
1回答
我有一个DIV，我想滚动内容。当用户滚动(使用自定义滚动条或上下滚动按钮)时，我需要知道哪些DOM元素在可滚动的DIV中可见。我很乐意只知道一个DOM元素，因为我可以使用它来遍历DOM并找到我正在寻找的特定父元素。
是否有插件在滚动完成事件中提供这样的信息，或者有人可以推荐这样做的方法？
浏览 8提问于2015-03-26得票数 0
回答已采纳
我不知道如何为下拉列表定制滚动条的外观和感觉。我读到了造型部分，我知道如何做，但这似乎是不可能的。无法找到选择#滚动体元素的方法，因为它的设计并不是风格的“部分”。然而，这是我能想到的将自定义样式应用于下拉滚动条的唯一方法。如何才能做到这一点？#更新
结果是，到今天为止，还没有办法在滚动条上为vaadin-combo-box组件定制样式。负责滚动的元素驻留在内容影子DOM中，并且无法从外部访问，
浏览 4提问于2019-01-21得票数 2
回答已采纳
isPresent()是否提供了真
在加载page.ie时，我遇到了滚动问题(当加载页面时，它将向下滚动到页面的中部)
因此，我使用滚动服务，它将正确地从顶部加载页面。重点是在使用滚动服务时，量角器测试在不使用时应该通过并失败。
浏览 2提问于2016-01-15得票数 2
我正在创建一个应用程序，当向下滚动时，新内容会加载到div中(使用AJAX)，这允许用户以连续模式(没有导航)阅读整个内容。但是，问题是，由于整个内容非常巨大，连续滚动将整个内容增量地加载到DOM中，这使得浏览器非常慢。有没有可能使用javascript/jQuery删除视窗中不可见的DOM元素，并在用户向上滚动时重新加载？
浏览 1提问于2011-06-19得票数 5
1回答
我正在尝试使用puppeteer获取表中某个类中所有元素的列表，这样我就可以遍历所有元素。问题是，表格是在滚动时动态加载的，因此元素将根据滚动的距离从DOM中显示/消失。使用简单的$$查询不起作用，会返回错误数量的元素，只是返回页面上已经可见的元素。 async getAllElements() {
浏览 24提问于2019-09-09得票数 0
我要自定义默认滚动条在ag-网格。我试着用ngx-滚动条来做这个。在源文件中，我发现ngx-滚动条使用ng内容来包装元素()。为了达到所需的效果，我希望将DOM元素与类.ng body-viewport传递给ngx-滚动条的ng-内容。有可能吗？更新<ng-scrollbar>
{{ agGrid
浏览 0提问于2018-05-18得票数 0
回答已采纳
1回答
使用聚合物1.1，我不想为paper-header-panel定制元素或模板。如何在滚动事件上分配处理程序？我试过：bob.scrollHandler = function()从文件
聚合物({ is：‘纸头-面板’，/** *启动时，内容已被滚动。event.detail.target返回*可滚动元素，您可
浏览 1提问于2015-08-21得票数 1
回答已采纳
1回答
我的客户不希望有一个带有寻呼机的网格视图，他希望能够滚动页面。在页面滚动中，我可以很容易地检测到一个元素在视口之外，可以从DOM中删除。我应该将该元素的innerhtml保存在哪里？在javascript变量中？然后，假设我通过执行像co
浏览 0提问于2012-03-29得票数 0
我希望在HTML页面中得到类似于标题的类似行为:当用户开始滚动到页面标题的顶部(从页面的任意位置)时，就好像它就在上面一样。当用户滚动到底部时，标题只会保持其位置并向上滑动。我添加了一个“touchmove”事件来捕获滚动坐标，并可以将其记录在某个div中，以检查它是否正常工作，除了页眉的位置在滚动时没有更新之外。一旦滚动停止标题的位置按预期更新。因此，我的问题是:用户滚动时是否可以更新元素？
我倾向于不更改为滚动元素</em
浏览 2提问于2014-01-15得票数 0
3回答
在正常情况下，我将使用以下属性：(scrollLeft、scrollTop、clientWidth、clientHeight)我的组件已经工作了一段时间了，没有任何问题，这个构建我们正在引入RTL支持。为了演示，我创建了一个简单的示例，它将输出JSFiddle中可滚动元素的JSFiddle属性。
在
浏览 15提问于2014-06-18得票数 12
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
