提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

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

通过水平滚动增强 mjml 表并添加溢出

我正在使用mjml创建包含表的电子邮件模板。而且标题名称很长，表格在水平方向上变得太大。我想让它在蓝色容器内水平滚动，但我无法做到这一点。如何使其可滚动？这是mjml的实时代码

P粉464088437 2024-03-27 22:43:41

如何仅在水平滚动条上应用CSS

我是一名新实习生，他们给了一个简单的任务：个性化水平滚动条我有这段代码，但垂直滚动条消失了...我需要它在垂直方向上默认...只有水平滚动条必须个性化。::-webkit-scrollbar{width:7px;}::-webkit-scrollbar-thumb:horizontal{border-radius:8px;background-color:rgba(92,92,92,0.5);}如

P粉276876663 2024-04-01 16:25:15

在 React 中附加到 div 的顶部而不弄乱滚动状态

我在反应时遇到问题。我正在尝试实现一个简单的可滚动div，其中包含很多子div，可以通过水平滚动查看。基本上每个子div对应一天。用户在第一次查看有关当天和接下来几天的信息时加载该组件。但是，如果用户滚动（向左或向右），我希望能够附加更多信息，实现某种“无限滚动功能”。当我尝试在父div的末尾附加新的子div时，我没有任何问题。然而，当我尝试在父div的开头附加新的子元素时（例如，用户想要查看前几

P粉217629009 2024-03-19 19:13:46

javascript - 请教一下 better-scroll +vue 滚动的用法

是这样的，better-scroll这个组件我会使用纵向的滚动用法，但是横向的我自己研究了很久我都没有实现出来，希望大大们能指点一二. 我想实现的效果就是横向的菜单可以类似于我所标记的菜单

三叔 2017-07-05 10:44:28

ReactJS设计路线图时间表

所以我有我想要做的设计。基本上它是一个从页面左下角到右上角的时间线。此外，我需要在行之间放置一些div元素。我也希望能够做出响应，具体来说，它的长度会减少，但我仍然希望线条向上突出。对于如何使用ReactJS和TailwindCSS实现这一点，有什么建议吗？我在互联网上找到的例子是在线水平和垂直时间轴样式。没有关于弯曲时间线的示例

P粉563446579 2024-03-29 11:31:47

一个JavaScript瀑布流布局滚动问题

{代码...} 当 if(checkScrollSlide())时，页面是不能滚动的当if(checkScrollSlide)时却可以滚动，但是会出现bug，滚动条永远在中间不断变小这是完整代码 {代码...}

为情所困 2017-05-19 10:32:40

状态更新在 Android 上的 React-Native 中不起作用

我有一些代码，其中有成对的图像，它们都在可滑动的水平图库中。现在，当您单击两个图像的上部时，图像应该关闭切换，所以我所做的是，我将isImage2Active设置为状态，然后只需切换它们的源即可。在iOS上，它运行完美且完全流畅，但在Android上，它几乎根本不起作用。如果你经常点击它，它可能会改变，但这显然不是我想要的行为。所以我有一个图像组件，它就是所描述的可滑动水平图库constImage

P粉541551230 2024-04-06 16:54:10

TailwindCSS的截断类未被使用 - 导致大量水平滚动

我在使用Tailwindstruncate类时遇到了麻烦：https://tailwindcss.com/docs/text-overflow#truncate这似乎是一个超级智能的实用程序，但浏览器似乎会做任何事情来不截断文本-包括超长的水平滚动，这是绝对不可取的。如何让浏览器对截断文本更加宽松？

P粉733166744 2024-03-30 18:26:21

滚动偏移HTML

我正在尝试在HTML和CSS中做一些事情，但不确定它是否实际有效。我想确保在滚动时添加某种“延迟”，就像减慢滚动速度一样，使其更加柔和。有些网站确实可以做到，我曾经访问过一些页面滚动方式与其他网站不同，看起来很柔和。这是可能的吗？

P粉205475538 2023-08-17 23:52:56

Vue横向滚动

我想用鼠标水平滚动图标。我在Javascript中用scrollLeft尝试过，但滚动时该值不会改变。滚动时，只有deltaY值在100和-100之间变化。有人知道问题出在哪里吗？当我滚动并且鼠标悬停在滚动条上时，它可以工作，但我希望它可以在整个div容器上工作。如果可能的话，我也想在没有依赖项/npm-libraries的情况下执行此操作。模板<divclass="iconsfl

P粉755863750 2024-03-25 21:06:27

动态调整可滚动内容的高度（Ion Page、React）

假设您的ionicReact页面中有一些文本非常大，因此您希望它滚动而不是填充整个页面，那么以下样式将有很大帮助：<divstyle={{overflow:'auto',flex:'11auto',height:'200px'}}>SomeText</>但是我们假设，我有一个包含一些内容和页脚的页面，例如像这样：<IonPage

P粉478835592 2023-09-07 18:08:44

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

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

P粉690200856 2024-03-26 20:25:28

在浏览器调整大小时重新同步'offsetWidth”值

我有一个水平滚动div和几个子项目。根据宽度，子项目可能会被裁剪。所以你可能会得到4又1/2可见的项目。因此，我使用Javascript强制宽度均匀分布子项。我使用Javascript来检测.palette的宽度，并将其除以我想要显示的项目数（减去边距），并将其应用于每个.swatch。不确定是否有更好/更简单的方法？如果这是解决方案，我需要一些帮助，使其更加负责任，以便它在调整窗口大小时更新。我

P粉463811100 2024-03-29 17:24:18

溢出容器与同样高的孩子

我搜索了可用的问题，但没有找到解决方案。我试图将水平溢出容器的所有元素的高度设置为等于最长元素的高度。body{}section{width:300px;background:lightblue;overflow:auto;white-space:nowrap;}div{display:inline-block;max-width:150px;background:lightgreen;margi

P粉207969787 2024-03-22 13:42:51

数据刷屏显示－如何像机场大屏幕显示航班信息一样显示数据库中的数据

数据库中有n条数据（可能实时变动），现在想在大屏幕上，每次显示8条，如何自动滚动P实时显示？像机场大屏幕显示航班信息一样显示

王 2018-06-14 10:07:14

为什么使用网格模板区域显示网格不起作用？

我试图通过网格模板区域实现元素排列，但它不起作用。我正在尝试使用网格系统垂直和水平排列块。使用左侧的图片和另一侧的文字。为什么这段代码不起作用？.news__wrapper{display:grid;grid-template-areas:"aac""bbc";}.news__item{display:flex;align-items:center;just

P粉541796322 2023-09-09 16:28:13

标题重写为：如何实现底部粘贴功能的滚动效果？

我正在尝试实现一个类似我在这里看到的效果但是每个部分的内容也应该是可滚动的，即只有在达到部分底部时才会固定。例如，当内容为200vh时，像这样：section{position:sticky;top:0;height:200vh;}sectionimg{width:100%;height:100%}section:nth-of-type(1){background:rgb(225,204,200)

P粉587780103 2023-09-09 19:41:49

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

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

P粉662802882 2024-03-28 20:02:46

滚动事件侦听器添加到元素，但只有当scrollTop不等于0时才能正确移动

所以我编写了这个小脚本，其中有两个列表-已完成/活动任务，您可以通过点击按钮切换任务列表，也可以通过点击“更多信息”阅读有关任务的更多信息。当点击更多信息时，创建了一个新的div元素，我想跟随它的主机元素Y位置，并且它可以工作一半。这就是它的样子：在此处输入图像描述这是一个错误，当可滚动元素scrollTop不为0时，我很确定会发生这个错误（它是以正确的方式创建的，每当我开始滚动时，它都会立即向上

P粉427877676 2024-04-01 11:03:26