scroll 相关问题

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

分区元素区域无法滚动。我尝试使用宽度为 150px 的分区，并且 div 内部包含内联块元素。如下将链接列表显示为分割元素区域无法滚动我尝试使用宽度为 150px 的划分，并且在 div 内部使用内联块元素。如下 <p>Display a list of links as a horizontal menu:</p> <div>123 <span><a href="/html/default.html" target="_blank">HTML</a></span> <span><a href="/css/default.html" target="_blank">CSS</a></span> <span><a href="/js/default.html" target="_blank">JavaScript</a></span> </div> span{ display: inline-block; } div { display: block; width: 150px; border: 2px solid green; overflow-x:s croll !important; } 我需要的是能够滚动div并且内部内联块出现在一行中。这就是你想要的吗？ div { display: flex; gap: 3em; padding: 1em; width: 70px; border: 2px solid green; overflow-x: scroll !important; } <p>Display a list of links as a horizontal menu:</p> <div> <span><a href="/html/default.html" target="_blank">HTML</a></span> <span><a href="/css/default.html" target="_blank">CSS</a></span> <span><a href="/js/default.html" target="_blank">JavaScript</a></span> </div>

css scroll

回答 1 投票 0

如何防止react在重新渲染时自动滚动页面？

我在 React 中遇到了一个奇怪而烦人的问题 - React 在重新渲染时自动滚动页面。 CodeSandbox 上的演示应用程序 - https://codesandbox.io/s/react-scroll-bug-demo-y7u50j?file=/src/App.js

reactjs scroll

回答 3 投票 0

CSS 最大高度和溢出自动始终显示垂直滚动

我有一个使用以下 CSS 样式设置的 div 类： div.multiple_choice{ 边框：1px 纯黑；最大宽度：300px；最大高度：200px；溢出：自动； } 问题是，当...

scroll overflow css

回答 12 投票 0

UIScrollView 一次仅向一个方向滚动

我有一个 UIScrollView，我希望它能够在两个方向上滚动（目前是这样），但一次只能滚动一个。因此，例如，如果您开始水平滚动它，它不会垂直移动......

iphone ios ipad uiscrollview scroll

回答 4 投票 0

让 onWheel 事件在移动设备上运行

我有一个（React）组件，其中包含许多从数组映射的文本。容器的高度较小，我使用Javascript来实现滚动。这是代码：班级我有一个（React）组件，其中包含许多从数组映射的文本。容器的高度较小，我使用Javascript来实现滚动。这是代码： <div> class MyComponent extends Component { constructor() { this.state = { visibleTop: 0 }; } scrollHandler(ev) { ev.preventDefault(); const { deltaY } = ev; const { visibleTop } = this.state; const { clientHeight: height } = this.visibleBox; if ( visibleTop >= 10 && deltaY < 0 ) { return; } if ( visibleTop <= (300 - height) && deltaY > 0 ) { return; } this.setState(prevState => ({ visibleTop: prevState.visibleTop - deltaY })); } render() { const { state: { visibleTop }, scrollHandler } = this; return ( <div className='content-box' onWheel={scrollHandler}> <div className='visible-box' style={{ top: visibleTop }} ref={el => this.visibleBox = el}> { logs.map((log, index) => ( <div className='log-line' key={`${log}-${index}`}>{log}</div> )) } </div> </div> ); } } div 是一个很高的 .visible-box，有点被 div 剪掉了。我想你明白我的逻辑了。现在，这在桌面上完美运行，但不适用于移动设备。根据我的研究，我发现 .content-box 事件不会在移动设备上触发。我还阅读了有关 mousewheel 事件的信息，但它只给出了触摸的 (x,y) 坐标，而不是像 touchmove 那样的 deltaY。我如何在移动设备上实现此功能？我遇到了一个同样的问题，我使用 mousewheel 来处理滚动，并使用 DeltaY 来处理用户向上或向下滚动。此活动不适用于手机。因此，您可以使用 onWheel 并将一些 clientY 值存储在数组中来检查用户是否向上或向下滚动。 onTouchMove

javascript reactjs events scroll touch

回答 1 投票 0

滚动时 div 高度变化

有没有办法实现滚动改变div大小的效果？我想要这样的效果：https://angular-f6srve.stackblitz.io 我正在使用 Angular HostListener 来捕获滚动事件...

angular scroll

回答 1 投票 0

Column/SingleChildScrollView 不滚动

我正在学习 flutter 来制作一个应用程序。在这里，我试图制作一个页面来显示完整的帖子。问题是页面不是作为一个单元滚动。 SinglePostPage 类扩展了 StatefulWidget...

flutter scroll flutter-layout rendering

回答 5 投票 0

在 Jupyterlab 中绘制没有水平滚动条的图形

如果绘图比屏幕宽，我看不到右侧部分，因为不存在水平滚动条。我有这样的事情：我到处找，但好像没有...