horizontal-scrolling 相关问题

水平滚动是指通过使用屏幕控制或输入设备更改左/右偏移来查看比屏幕更宽的屏幕外内容的用户界面功能

如何在 Flutter 页面中创建双向滑动?

我很想知道如何使 PageView 小部件能够同时向两个方向滑动,就像我们在 TikTok 应用程序中看到的那样,您可以垂直滑动视频以更改它们,...

回答 1 投票 0

横竖混合滚动

你好,我的网站遇到了一个问题,我希望用户通常垂直滚动,但是当他到达那个特定的容器时,它会水平滚动,直到容器在我的水平线上……

回答 0 投票 0

ListView 中的 WPF 水平滚动条不适用于鼠标滚轮滚动

我有一个 ListView,其中有很多水平排列的项目,如果我按住滚动条然后移动它,我可以滚动 ListView,但是我想用鼠标滚轮向上/向下滚动 ListView

回答 1 投票 0


react-horizontal-scrolling-menu 滚动错误

**你好,我遇到了反应水平滚动菜单的问题 ,滚动的时候,向右滚动了很多,剩下的元素就消失了,当你加上 overflowX: 'scroll' 到 t...

回答 4 投票 0

网站的两页横向滚动。其他页面没问题

我的网站上有两个页面让用户横向滚动,而网站上的其他页面都很好。所有其他页面都很好,所以我只能认为这是一半的横幅图片导致的......

回答 0 投票 0

结合 CSS 滚动捕捉使用垂直鼠标滚轮进行水平滚动

我正在尝试将垂直鼠标滚轮用户输入映射到水平滚动,同时保持与本机 CSS 滚动捕捉的兼容性。让页面水平滚动是相当容易的

回答 0 投票 0

Horizontal scroll flexbox - Flex-direction column: child image exceeds height of parent instead of filling height

我正在尝试使用 flexbox 制作一个水平可滚动的图片库,但我无法使图片高度增长以填满容器高度,同时保持固定的纵横比。 我...

回答 0 投票 0

React 组件扩展导致水平滚动条

我是 React 的新手,想知道如何解决这个前端错误。 我有这个页面。它有一个侧边栏,然后在左侧是一个新闻提要(社交媒体帖子的一小部分)和

回答 0 投票 0

如何在手机上显示自定义水平滚动条?

我在 elementor 中使用自定义 css 制作了自定义水平滚动条,它适用于桌面视图但不适用于移动视图,我缺少什么?以下是我使用的自定义 css .

回答 2 投票 0

在移动设备中使用 html 中的 javascript 的水平滚动问题

我有一个水平滚动的网站,可以在桌面上完美运行,对于我使用 javascript 的页面,如下所示: 变量项 = {}; item.name = "#home-page"; item.stackOrder = 99; ...

回答 0 投票 0

如何让元素在移动设备上水平滚动而不只是调整大小?

这是我要设置样式的 HTML: 这里有一些文字 &... 这是我要设置样式的 HTML: <div id="cards-text-wrap"> <h1 class="text">Some text here</h1> <div class="card-wrapper"> <div class="scrollable-card"></div> <div class="scrollable-card"></div> <div class="scrollable-card"></div> <div class="scrollable-card"></div> <div class="scrollable-card"></div> </div> </div> 我想让“可滚动卡片”div 实际上可以滚动(横向)。现在它们只是调整大小以适应同一条线,这意味着它不会在 Y 轴上溢出,这很好。但它并没有在 x 轴上溢出,这正是我想要的。 我尝试了一堆不同的方法,所有这些都导致了同样的错误结果。在这个例子中,我使用 overflow-x 试图让它溢出视口,但它仍然没有这样做。 CSS 看起来像这样: #cards-text-wrap { background: #D9D9D9; width: auto; height: 300px; margin: 230px 0 0 0; text-align: center; } .text { background: #D9D9D9; margin: 10px 0 0 0; text-align: center; font-size: 2rem; } .scrollable-card { width: 180px; height: 210px; background: white; border-radius: 26px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; display: inline-block; margin: 0 20px; resize: none; } .card-wrapper { display: flex; flex-wrap: nowrap; height: 210px; overflow-x: scroll; width: auto; margin-top: 10px; } 我从中得到的结果是最外层的 div 看起来不错,文本看起来也不错,但是元素被压缩到大约 40 像素,而不是它们设置的 180 像素宽度。它在 x 轴上也根本没有溢出。 我在这里做错了什么? 试试这个: #cards-text-wrap { background: #D9D9D9; width: auto; height: 300px; margin: 230px 0 0 0; text-align: center; } .text { background: #D9D9D9; margin: 10px 0 0 0; text-align: center; font-size: 2rem; } .scrollable-card { min-width: 180px; height: 210px; background: white; border-radius: 26px; white-space: nowrap; margin: 0 20px; width: 100%; } .card-wrapper { display: flex; flex-wrap: nowrap; height: 210px; overflow-x: scroll; width: auto; margin-top: 10px; } <body> <div id="cards-text-wrap"> <h1 class="text">Some text here</h1> <div class="card-wrapper"> <div class="scrollable-card"></div> <div class="scrollable-card"></div> <div class="scrollable-card"></div> <div class="scrollable-card"></div> <div class="scrollable-card"></div> </div> </div> </body>

回答 1 投票 0

iOS UICollectionView水平滚动矩形布局,里面的物品大小不一样?

iOS UICollectionView如何创建水平滚动的矩形布局,里面的项目大小不同。我想使用UICollectionView创建一个像下面这样的矩形布局,我如何能...

回答 1 投票 0

是否可以在同一页面上水平和垂直滚动?

我正在尝试建立一个网站,该网站可以使用键盘上的箭头键或在手机/平板电脑上滑动来移动到各个部分。我正在使用FullPage。是否可以有一个像网站这样的网格,用户可以在其中...

回答 1 投票 0

用于移动应用程序的离子反应-水平滚动,其中包含屏幕外的元素

我正在使用Ionic React来构建移动应用。我想创建一个超出屏幕宽度的水平可滚动组件以显示类别。我似乎找不到适合使用的离子组件...

回答 1 投票 1

单击按钮时在两个部分之间水平滚动

我有2个部分,每个部分占据用户的整个视口。用户可以通过触摸(为平板电脑设计)在它们之间滚动。我想在每个部分的其他部分添加一个按钮。 ...

回答 1 投票 0

使用javascript vanilla从dom的元素水平滚动

这里我有一个小问题,我对javascript有一点了解,我希望我的投资组合页面从dom的某个位置水平滚动,我该怎么办呢?这可能会使情况复杂化...

回答 1 投票 0

Dash数据表水平滚动条默认为右

我在Dash(python)中有一个数据表,效果很好。我希望滚动条默认为右侧-即在数据表中显示最右侧的信息。当前默认值为...

回答 1 投票 0

导航栏遍布整个页面

我正在做一些响应式CSS,我想要这样的东西: Asd sdf (...

回答 2 投票 0

从主窗口滚动子级(AG网格)

目标:在主窗口上使用“全局”滚动条垂直滚动多个表(AG-Grid)。问题:我在一个窗口中有4个子元素(AG网格表),这些子元素最多可以有3个...

回答 1 投票 0

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