parent-child 相关问题

有人可以帮忙吗？我有多个粘性子元素，其中一些具有很高的高度（超过视口）。每个孩子都有以下结构：有人可以帮忙吗？我有多个粘性子元素，其中一些具有很高的高度（超过视口）。每个孩子都有以下结构： <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

使用 PowerBI 中的 Power Query 动态展平父子层次结构

让 fFlattenHierarchy = ( 层级表作为表 ,parentKeyColumnIdentifier 作为文本 ,parentNameColumnIdentifier 作为文本 ,childKeyColumnIdentifier 作为文本 ,

powerbi powerquery parent-child

回答 1 投票 0

处理子组件对父组件中表单的验证，react-hook-form 和 usefieldarray

我是新来的反应，我陷入了困境。我当前正在开发的应用程序有多个部分，例如第 1 部分、第 2 部分...每个部分都有具有不同字段的表单...

reactjs dynamic parent-child react-hook-form react-functional-component

回答 1 投票 0

我可以保存接口或继承类的字典，然后从该字典中调用子类上的 Create 吗？

我想要做的是拥有一个不同类类型的字典，所有类类型都实现一个接口或具有共享的父类。使用这个列表，我想从字符串中实例化正确的列表