scroll 相关问题

有人可以帮忙吗？我有多个粘性子元素，其中一些具有很高的高度（超过视口）。每个孩子都有以下结构：有人可以帮忙吗？我有多个粘性子元素，其中一些具有很高的高度（超过视口）。每个孩子都有以下结构： <section> <div class="content"> <div class="child"></div> ... 20 more child ... </div> </section> 使用以下CSS： section { min-height: 682px; position: sticky; top: 80px; } .content { height: 618px; overflow-y: scroll; display: flex; flex-direction: column; gap: 5px; } .child { height: 120px; } 我怎样才能实现这种滚动行为：首先我正常滚动身体当我到达高度较高的部分时，我需要滚动该部分直到触及底部当我到达该部分的底部时，我需要正常滚动正文我需要在不手动滚动部分内容而仅滚动正文滚动条的情况下实现此目的.. 我已经写了IntersectionObserver来观察高高度的部分。我认为一个简单的解决方案是在必要时更改父级和子级之间滚动的“焦点”，但我不知道在js中解决此问题的最佳方法是什么。我已经尝试添加滚动事件监听器，然后使用section.scrollBy(0, event.deltaY);滚动该部分的内容但是 event.deltaY 不存在于类型 event: Event in ts... 尝试结合使用 Intersection Observer 和事件监听器。可以设置Intersection Observer来观察高度较高的路段，当它在视口中完全可见时，触发一个函数。 const section = document.querySelector('section'); const observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { // Call a function to handle scrolling behavior handleSectionScroll(); } }); }); observer.observe(section); 在handleSectionScroll函数中，可以给body添加滚动事件监听器来控制滚动行为。 const handleSectionScroll = () => { document.body.addEventListener('wheel', scrollBody); const scrollBody = (event) => { const sectionHeight = section.getBoundingClientRect().height; const bodyHeight = document.body.getBoundingClientRect().height; const scrollPosition = window.pageYOffset; if (scrollPosition < section.offsetTop) { // Scroll normally return; } if (scrollPosition >= section.offsetTop && scrollPosition < section.offsetTop + sectionHeight - bodyHeight) { // Scroll the section section.scrollBy(0, event.deltaY); event.preventDefault(); } else { // Scroll normally return; } } } 尝试此代码并让我知道结果。

javascript scroll parent-child event-listener intersection-observer

回答 1 投票 0

如何在 Flutter 中使表单可滚动

所以我正在尝试制作一个应用程序，让用户填写几个表单字段并在用户提交表单时处理信息。我的问题是我似乎不知道如何制作...

flutter forms dart scroll scrollable

回答 3 投票 0

不带滚动条的ListView在ScrollView中使用

我想在ScrollView中使用一种ListView。该列表的长度可变，始终可以添加/删除项目。有没有简单的方法来修改默认的Android ListView，或者...

android listview scroll

回答 1 投票 0

如何在 Angular 中检测 mat-list 中的滚动事件

我有一个 mat-list 元素，定义如下： <...

angular scroll mat-list

回答 1 投票 0

如何使用selenium python滚动到页面底部

我在页面加载后尝试过 driver.execute_script("window.scrollTo(0, document.body.scrollHeight);") 无济于事。它根本什么也不做。为什么它不起作用？还有吗

python selenium selenium-webdriver scroll

回答 4 投票 0

如何根据索引跳转到ListView中尚未构建的位置？

我创建了一个无限滚动列表，如果我当前位置位于索引 0，我可以多快跳转到索引 10000 的位置。注意：索引 10000 的组件从未构建。我只能得到...

flutter listview indexing scroll

回答 1 投票 0

scrollTargetLayout 不会将其目标视图居中

我正在研究一个轮播视图，将药丸捕捉到中心。我已经布置了以下课程，它在某种程度上有效，除了一些事情表现不佳。 struct AccountCarousel：查看...

swiftui scroll

回答 1 投票 0

如何在滚动时缓慢向上移动文本？

我想让我的文本在滚动时缓慢向上移动，但是当我这样做时，文本应该保留在屏幕上。就像 lightmatter 的网站一样。 https://lightmatter.co/，在传统计算园区做...

javascript text scroll intersection-observer

回答 1 投票 0

Instagram 喜欢个人资料页面 iOS Swift

我正在尝试让 Instagram 个人资料页面像滚动一样基本上它是滚动整个页面，顶部是标题，有一个段控制器，然后是集合视图。我正在尝试...

ios swift scroll uicollectionview instagram

回答 1 投票 0

.Net Maui Shell 导航，是否可以像 NavigationPage 一样保留先前的页面状态（旧方式）？

我有一个带有 CollectionView 控件的列表页面，当单击项目时，它会打开详细信息页面，当在详细信息页面上按下后退按钮时，我会丢失列表页面上的 scoll 位置！使用 Shell 导航...

shell scroll navigation maui collectionview

回答 1 投票 0

如何在不阻止滚动的情况下阻止mousedown事件？

我需要防止在 touchstart 事件之后发生 mousedown 事件，但不知道如何在不阻止用户滑动屏幕时滚动的情况下做到这一点。 touchstart 事件监听器

javascript scroll event-handling mousedown touchstart

回答 1 投票 0

SingleChildScrollView 在 ErrorWidget.builder 中不起作用

我想向用户显示所有出现的错误。导入“包：flutter/material.dart”；无效主（）{ 运行应用程序（材料应用程序（构建器：（上下文，小部件）{ ErrorWidget.builder = (

flutter error-handling scroll

回答 1 投票 0

当我滚动到 JavaFX 中 ListView 的末尾时，为什么会收到这个奇怪的警告？

list.getSelectionModel().select(game_ptr); list.scrollTo(game_ptr); 运行此代码时，我收到以下警告： com.sun.javafx.scene.control.skin.VirtualFlow addTrailingCells 信息：索引

java listview scroll javafx warnings

回答 2 投票 0

scroll 相关问题

最新问题