CSS 问题：水平滚动（overflow-x：scroll）不起作用

我有3个“页面”，想要水平滚动它们。我已经成功创建了一个水平滚动条，但是当我用鼠标滚轮向上/向下滚动时什么也没有发生。这就是我的容器的样子：body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scroll;display:flex;}完整的HTML+CSS：body{width:100vw;hei

P粉295616170 2024-03-29 16:06:18 0  1  449

CSS 背景渐变不覆盖整个页面（包括可滚动内容）

我在HTML文档中遇到CSS背景渐变问题。我设计了一个使用线性渐变作为背景的页面，并将其设置在body元素上。我面临的问题是，渐变似乎在屏幕最初结束的地方结束，即使有更多内容需要滚动。因此，当您向下滚动时，渐变的第二个实例似乎会重新开始。这是我当前的CSS(SCSS)代码：@importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09 0  2  682

尝试在导航栏后面的 html 和 css 中添加背景图像，以便滚动时不会显示空间

我不知道如何使html和css中的背景图像填充在导航栏和页脚下方。当我滚动导航栏的空间只是一个空白时，我希望它滚动时顶部和底部没有空间。谢谢！*{box-sizing:border-box;}body,html{margin:0auto;padding:0;}.background-container{background-image:url("http://placekitten.co

P粉118698740 2023-09-10 09:12:07 0  2  558

如何在移动设备或模拟器上隐藏滚动条，而不影响React应用程序中的滚动行为？

在移动设备上，我希望在整个应用程序中完全隐藏滚动条，但我需要用户能够滚动。我尝试使用CSS的scrollbar、scrollbar-thumb、scrollbar-thumb:hover和scrollbar-track来隐藏滚动条，在浏览器上可以工作，但在移动设备上无效。

P粉208286791 2023-08-17 15:35:56 0  1  607

Capacitor-JS 状态栏在 IOS 中重叠

我正在使用带有电容器的NuxtJS。当我们滚动时，IOS设备上的顶部状态栏会重叠。我还在Capacitor.config.json中添加了"ios":{"contentInset":"always"}。尽管我还包含了CSS，但它在顶部创建了额外的空间。body{padding:env(safe-area-inset-top)env(saf

P粉543344381 2023-12-29 16:04:36 0  1  451

创建一个在Quarto中类似RMarkdown中固定表头的功能

我一直在尝试在Quarto中渲染一个来自table1R包的粘性表头，就像我在RMarkdown中成功做到的那样。然而，Quarto似乎无法识别我的.css文件，或者（更有可能的是）我漏掉了一些东西。我将CSS文件与.rmd和.qmd一起包含，以便能够复现。我还包含了内联的html代码来创建一个滚动框，以使表头固定。样式.css：.Rtable1th{border:0;text-align:cent

P粉366946380 2023-08-29 17:12:38 0  1  608

防止scrollIntoView()将容器滚动到页面顶部

我正在尝试构建一个简单的“主要是css”图像轮播，它使用滚动捕捉，但也有导航按钮来控制当前查看的幻灯片。我找到的唯一解决方案是在目标元素上使用scrollIntoView()，它可以满足我的要求，但它也总是将目标元素滚动到页面顶部。我希望目标轮播幻灯片和容器保持在原来的位置，并且我只希望幻灯片水平滚动到视图中。我正在看AdamArgyle的一个示例，他就是这样做的，并且容器保持在原来的位置，我不知

P粉690200856 2024-03-26 20:25:28 0  1  465

css - 移动端 盒子内加overflow-y:scroll后 字体会变大

在最外层的盒子加css属性：overflow-y:scroll后在谷歌手机模拟器查看时，字体会自动变大，整体用rem布局。去掉这个属性，字体则正常，想知道这是什么问题代码1：未overflow-y：scroll属性图片描述 {代码...} 代码...

黄舟 2017-05-16 13:39:31 0  5  1039

javascript - [React Native]如何在Tabs内维护每一个ListView的滚动条？

问题已解决，是css样式的问题。。。。和js无关。。。 我在tabs里包了一个listview，但是切换tabs的时候，listview的滚动条都在同一个位置。。。就是说我在第一个tabs中 滚动了100px ,切换到第二个tabs，也是在100...

伊谢尔伦 2017-06-26 10:58:55 0  1  1104

html5 - HTML或者JS可否动态改变 .css的属性？

例如想基于input输入的value内容改变*.css或者<style>的属性值 是否可实现？例如：用input:color标签获取选择的颜色value，更新滚动条的颜色？（这个必须用选择器，不能用行内） 目前想到的一种方法就是用j...

伊谢尔伦 2017-05-24 11:36:09 0  2  966

javascript - 如何禁止sarafi、IE在移动端出现的橡皮筋效果

在ios上的safari浏览器中，当网页滚动到最顶端的时候，还可以像橡皮筋一样再滚动一段距离，松手后回弹。在window的平板上也有这个效果。 请问怎么用css禁止这个效果，因为很多时候会影响页面内部的滚动。据我所知...

大家讲道理 2017-05-19 10:12:15 0  1  612

使 CSS 适应不同的屏幕尺寸：指南

我有这个CSS代码，我的问题是，由于padding-top（从顶部有一些空间）我的页面太大，导致它具有“滚动”选项，并且不适合整个屏幕。如何才能禁用滚动选项？*{margin:0;padding:0;}html,body{height:100%;}body{color:#444;font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;backg

P粉030479054 2023-09-09 00:05:15 0  1  425

css 在屏幕上居中弹出窗口，适用于计算机和平板电脑，但不适用于手机

尝试使用CSS在屏幕中央显示帮助弹出窗口。在我的电脑和ipad上，它工作正常，但在iPhone上，弹出窗口在整个可滚动垂直空间内垂直居中，这意味着我有时必须向上或向下滚动才能看到它。我希望它在调用时位于当前可见屏幕的中心。（请注意，页面高度不是静态的，即根据用户活动而增大和缩小）。这是相关的CSS：.helpcontent{position:fixed;top:50%;left:50%;trans

P粉662802882 2024-03-28 20:02:46 0  1  366

javascript - 如何彻底禁止平板电脑上浏览器的手势缩放功能

在平板电脑上、因为有多点触控功能所以可以直接通过手势进行放大缩小功能但是目前希望要禁掉这个效果、然而各种方法都试过似乎就是不行而且这个缩放和PC端CTRL+滚轮的缩放还不是一个机制 最后最靠谱的是一个css控...

怪我咯 2017-06-30 09:57:23 0  1  1080