horizontal-scrolling 相关问题

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

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

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

css elementor horizontal-scrolling

回答 2 投票 0

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

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

javascript html css responsive-design horizontal-scrolling

回答 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>

css mobile overflow horizontal-scrolling

回答 1 投票 0

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

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

ios swift uicollectionview horizontal-scrolling uicollectionviewflowlayout

回答 1 投票 0

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

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

javascript scroll horizontal-scrolling

回答 1 投票 0

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

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