scroll 相关问题

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

React:如何使视频仅在用户滚动时播放,然后移动到其他内容?

使用 React,我需要允许用户滚动浏览视频,或通过向后滚动返回。当他们滚动视频时,视频应该完全保持在框架内。当他们看到视频结尾时,

回答 1 投票 0

嵌套回收器视图滚动偏移

我有垂直回收器视图,旁边是带有嵌套垂直回收器视图的水平回收器视图。 (第一个垂直方向可能没有密切关系。) 我将它们全部设置为以相同的偏移量滚动 t...

回答 1 投票 0

防止 touchmove 在嵌入的 iframe 上滚动

我有一个带有嵌入式 iframe 的页面。我通常希望在 touchmove 事件上正常滚动页面。但是,我需要用户能够通过 touc 在 iframe 中“绘制”某些内容...

回答 1 投票 0

如何使高度自动取决于屏幕分辨率

我想了差不多一天了。但我找不到任何解决我的问题的方法。 有没有办法用滚动条设置自动高度 div,因为到目前为止我正在使用固定高度,但我看到了

回答 3 投票 0

向右滚动时检查

我希望能够检测用户是否使用 overlfow:scroll; 滚动浏览了整个 div; 不过 div 是水平的,所以使用 offset().top 在这里不起作用。 我目前有这个代码: 瓦...

回答 3 投票 0

当鼠标光标不在滚动条上时,滚动 Facebook 列表中的人员列表不起作用

我想向下滚动,直到 https://www.facebook.com/friends/requests 页面上滚动的最大末端,但我完全不明白它在这里是如何工作的。 当我自己滚动光标时...

回答 1 投票 0

如何在js中控制滚动下拉菜单时触控板的滚动速度?

使用触控板滚动时间选择器时,一次只能滚动一次。使用鼠标滚动它工作正常,但使用触控板滚动速度太快。 可以吗

回答 1 投票 0

如何使用React在不保持滚动位置的情况下转到另一个页面

我正在使用 Next/React 开发一个项目。当我单击一个应该将我带到另一个页面的按钮时,滚动位置将被保留,这意味着我到达新页面上向下 X 像素。 我...

回答 3 投票 0

滚动后更改CSS

我有一个导航栏,它使用一些 CSS 来更改不透明度: .导航栏{ 背景颜色:#4B5253; 不透明度:0.8; 过滤器:alpha(不透明度= 80); } 之后我需要将不透明度更改为 1.0...

回答 3 投票 0

Next.js 客户端组件中滚动事件侦听器未触发

我正在使用 Next.js 14.0.4 和 React 18.2.0 开发一个 Web 应用程序。我的目标是从客户端组件(特别是标头组件)监听整个页面上的滚动事件,但...

回答 1 投票 0

在c#/wpf中通过键盘滚动数据网格

我有一个小应用程序,仅使用条形码扫描仪和小键盘。 因此,强制将焦点集中到文本框 (txtInput),并且所有应用程序控制都是通过该文本框的 keydown 事件完成的。 之后

回答 1 投票 0

当内容滚动到视图中时激活 CSS3 动画

我有一个使用 CSS3 制作动画的条形图,并且动画当前在页面加载时激活。 我遇到的问题是,由于之前有大量内容,给定的条形图被放置在屏幕之外......

回答 7 投票 0

滚动事件侦听器函数的触发次数与我滚动的距离一样多

const handleReadChat = useCallback(() => { const 条目 = refEntries.current; 如果 ( 条目.scrollTop > 条目.scrollHeight - 800 && 活动室&& 交谈...

回答 2 投票 0

滚动到顶部图片

我的网页底部有一个图像,我需要使其充当滚动到顶部按钮。目前我正在使用#top 转到顶部,但它滚动不顺畅,它只显示网页的顶部...

回答 1 投票 0

如何知道 JavaScript 中是否完成了滚动到元素?

我正在使用Javascript方法Element.scrollIntoView() https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView 有什么办法可以让我知道滚动何时结束。说那里...

回答 10 投票 0

滚动时监听 Scroll 并停止鼠标悬停事件 - Flutter

我有一个 SingleChildScrollView ,里面有多个元素。其中一些是 MouseRegion 小部件。它监听悬停并开始一些动画。 但这有点混乱,当它变得Ho时......

回答 1 投票 0

如何将可滚动图像的初始位置一直设置到右侧?

如果 php 困扰你,请忽略它。我只是将其添加到我正在做的事情的上下文中。这对于实际问题并不重要。 我有一个比屏幕大的可滚动图像,我想要

回答 1 投票 0

如何在C#中的Windows窗体中使用水平滚动条?

我正在开发 Windows 窗体应用程序。我有一个表单,我想添加水平滚动条。 实际上我的表单中有10张图片,用户可以一次看到6张图片,我想滚动

回答 1 投票 0

我们如何在c#中的windows窗体中使用水平滚动条

我正在从应用程序使用窗口。我有一个表单,我想向其中添加水平滚动。 实际上我的表单中有 10 张图片,用户可以一次看到 6 张图片,我想滚动

回答 1 投票 0

当内部有绝对元素时指定水平滚动,就会出现垂直滚动

<div style="overflow-x:scroll;"> <div style="position: relative; width:3000px; height:100px; background:green; "> <div style="position: absolute; width:200px; height:200px; background:red; top:10px; left:10px "></div> </div> </div> 结果: 我需要如下图所示进行操作(应保留水平滚动,红色块位于所有内容之上,红色块将与绿色块一起水平滚动): 有没有不用 JavaScript 就能做到这一点的方法? 可以使用position:fixed并使用javascript通过onscroll事件设置红色块的坐标来完成,但这并不漂亮 不太明白问题所在。 根据我的理解,你想让红色框与绿色框一起水平滚动。 您可以利用position:sticky属性和left:0来保持红色块水平固定,同时允许它垂直滚动。以下是修改 HTML 和 CSS 的方法: <div style="overflow-x: scroll;"> <div style="position: relative; width:3000px; height:100px; background:green; "> <div style="position: sticky; width:200px; height:200px; background:red; top:10px; left:0;"></div> </div> </div> 此设置将使红色块保持水平固定,同时允许绿色和红色块一起水平滚动。

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.