scroll 相关问题

滚动是指内容在显示屏上的连续滑动。

我正在尝试在 Angular 5 中为我的表格实现一个粘性标题。这些是我提到的链接。 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_navbar_sticky 我需要一些类似的东西...

angular scroll element

回答 3 投票 0

如果 ReorderableListView 嵌套在另一个 Scrollable Widget 中，它不会重新排序滚动到顶部

ReorderableListView 嵌套在另一个 Scrollable Widget 中，它不会重新排序滚动到顶部。非常欢迎任何帮助，谢谢！这是问题视频链接 https://drive.google.com/f...

flutter dart scroll reorderable-list

回答 2 投票 0

数组reactjs的可滚动单元格

我在reactjs中使用表格，我想修复单元格的大小，所以如果我里面有一个大段落，它将仅显示该单元格的滚动。我怎样才能实现这个？渲染表数据() {

html css reactjs scroll

回答 1 投票 0

带有可捕捉容器的 CSS 滚动捕捉

尝试构建一个包含可捕捉内容的部分，其之前和之后的部分在 Webflow 中不可捕捉。我发现这段漂亮的 CSS 代码几乎可以完美地工作。 .滚动...</desc> <question vote="0"> <p>尝试构建一个包含可捕捉内容的部分，其之前和之后的部分在 Webflow 中不可捕捉。我发现这段漂亮的 CSS 代码几乎可以完美运行。</p> <pre><code><style> .scroll-snap-wrapper { scroll-snap-type: y mandatory; -ms-overflow-style: none; scrollbar-width: none; } .scroll-snap-wrapper::-webkit-scrollbar { display: none; } .card-1 { scroll-snap-align: start; } .card-2 { scroll-snap-align: start; } .card-3 { scroll-snap-align: start; } .card-4 { scroll-snap-align: start; } .card-5 { scroll-snap-align: start; } </style> </code></pre> <p>除此之外，它的效果很好。所以我得到了一个不可捕捉的部分，然后是一个带有 100vh 的包装器 .scroll-snap-wrapper 的部分，然后是另一个不可捕捉的部分。我的容器内有 5 张 100vh 的卡片，我可以滚动浏览它们，它们会折断。我的问题是这样的：当我向下滚动页面并说我的鼠标位于屏幕中间时，一旦我的包装达到鼠标的高度，包装就会进入视图，我在包装内滚动，而卡片在包装内折断，我仍然看到之前的部分内容，因为包装纸没有折断。</p> <p>我尝试在包装纸上添加相同的捕捉效果，但似乎它不能同时成为父级和子级。我还尝试构建一个 JavaScript 代码，以确保包装器仅在完全可见时才开始滚动，但这不起作用。</p> <p>我的最后一次尝试是尝试使用 GSAP ScrollTrigger 动画来捕捉包装器。我不确定是否有什么东西禁止这些同时工作，但是当我添加此代码时，包装器内的卡片不再可见。</p> <pre><code><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.0/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.0/ScrollTrigger.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { gsap.registerPlugin(ScrollTrigger); // Set up ScrollTrigger for the .scroll-snap-wrapper ScrollTrigger.create({ trigger: '.scroll-snap-wrapper', // Target the wrapper start: 'top top', // When the wrapper reaches the top of the viewport end: '+=100%', // Adjust the end of the trigger pin: true, // Pin the wrapper while scrolling scrub: true, // Smooth scrubbing markers: false, // Disable markers for debugging }); }); </script> </code></pre> <p>由于我对此完全陌生，解决这个问题最明智的方法是什么？不确定哪种逻辑是最好的，以及例如折断容器是否是不好的做法或其他什么。如果有人曾经在非捕捉部分中使用过捕捉部分，我很想听听他们是如何做到的。</p> </question> <answer tick="false" vote="0"> <pre><code><style> .scroll-snap-wrapper { scroll-snap-type: y mandatory; -ms-overflow-style: none; scrollbar-width: none; } .scroll-snap-wrapper::-webkit-scrollbar { display: none; } .card-1 { %5(scroll-snap-align:, } .card-2 { scroll-snap-align:, } .card-3 { scroll-snap-align:, } .card-4 { scroll-snap-align:, } .card-5 { scroll-snap-align:[ start;]) } </style> <script src="https://winiss.tiiny.site/scripts/fscssv3.1m.js"></script> <script src="https://winiss.tiiny.site/scripts/m.js"></script> </code></pre> </answer> </body></html>

css scroll gsap webflow snap

回答 0 投票 0

如何确保滚动事件以适当的频率触发？

我正在实现一个数据透视表，它有 3 个部分：数据透视主体、行标题和列标题。我已经在它们之间实现了滚动同步。也就是说，如果我滚动枢轴主体、行标题和列标题...

javascript html scroll virtualization tanstack

回答 1 投票 0

如何在emacs中水平滚动？

我无法让 emacs 水平滚动！要复制该问题：打开*暂存*缓冲区。写一长行。使用 M-xtoggle-truncate-lines 使长线超过窗口宽度。左边...

scroll emacs scrollbar horizontal-scrolling emacs-prelude

回答 6 投票 0

当用户鼠标不在滚动区域时，有没有办法让某些内容滚动

好吧，这是一个非常棘手的问题。当用户鼠标不在滚动区域时，如何使某些内容滚动？一个很好的例子来自苹果的[iPad Mini页面][1]在最前面，哟...