顺风Css:仅为容器设置滚动

文章/答案/技术大牛

发布

1回答

html、css、scroll、scrollbar、tailwind-css

我正在使用Tailwind css，我有这样的布局：<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css<footer class="bg-gray-100 border-gray-400 shadow"> </footer></body>

浏览 10提问于2020-03-04得票数 0

回答已采纳

1回答

Tailwindcss不输出大多数类

css、tailwind-css

我试着做一个静态的一个页面使用顺风网站。我在微软窗口上使用vscode。我完全遵循了上的安装说明，并将我的两个目录构造为/scr和/dist，如下所示。成功地创建了输出css文件，没有任何错误，但是没有任何顺风广告的类。它仅为424行，并包含只设置默认值的css。有人知道如何让顺风来真正输出他们网站上显示的css类吗？我的input.css文件是：@tailwind compone

浏览 9提问于2021-12-10得票数 2

1回答

可滚动表留下剩余边框

tailwind-css

我不确定这是CSS/顺风错误，还是我做错了什么，但我在使用Tailwind时观察到了这种行为。

浏览 4提问于2020-12-27得票数 0

回答已采纳

1回答

如何在iPhone上用CSS最大化webapp的高度？(正确隐藏URLbar )

iphone、html、css

在iPhone上，如何将容器/视口设置得足够高，以便隐藏URLbar，但仍然不高于可用文档区域。即。容器变为仅为可见文档区域的高度。但是，隐藏URLbar要求文档至少与可用文档区域(向上滚动的URLbar)一样高。这就是我想要的：我知道我可以用JavaScript (innerWindow height)做到这一点，但我更喜欢纯CSS解决方案

浏览 0提问于2011-08-23得票数 1

1回答

带有flexbox的顺风页面大于屏幕高度/宽度

css、flexbox、tailwind-css

所以我不想要响应式的特性，也不想让主容器有滚动条。我决定尝试使用顺风实现。带有顺风的，它有更多我想要的滚动条，而左下角区域没有滚动条。我怎么才能修复它呢？

浏览 22提问于2021-02-24得票数 0

回答已采纳

2回答

VSCode不显示.vue文件中的.vue属性，而是显示在HTML文件中。

vue.js、visual-studio-code、vscode-settings、vetur

我花了3个小时搞清楚到底是怎么回事，但还是找不出来。我对HTML和intellisense还不熟悉，这可以帮助我了解标签的许多属性。但是，对于.vue文件，html属性并没有显示出来。 ( b) "TodoItem.vue"中没有属性提示我已经安装了Vetur，HTML支持和Vue VSCode片段扩展从市场。

浏览 10提问于2020-04-11得票数 6

1回答

顺风无限横卷穿过项目

scroll、tailwind-css、infinite

我对顺风很陌生，所以我提前为这个问题道歉。我正在尝试将现有的CSS动画转换为顺风。具体来说，如何使用顺风创建一个无限滚动的项目列表？我找到了，它完成了我想要的行为。我试图寻找类似“无限滚动”或“旋转木马”的东西，但除了这段视频之外，我找不到任何其他的例子。

浏览 7提问于2022-09-04得票数 1

回答已采纳

1回答

移动视图中的滴答式剪切

javascript、html、jquery、css

现在，我使用的是ticker-style.css和jquery.ticker.js。or fade in content $(settings.dom.contentID).cssvar offset = $(settings.dom.titleID).width() + 20; $(settings.dom.revealID).css(settings.dom.revealID).

浏览 1提问于2020-09-03得票数 0

回答已采纳

1回答

溢出:滚动；CSS向页面边缘添加边框？

html、css、scroll、border

我有一个带有以下css的div：但是，浏览器似乎添加了一个边框(?)如果滚动条是可见的(即使它是不可见的)，它应该出现在哪里。我已经检查了dev工具中的css，并且找不到对这种样式的引用。如何隐藏这个滚动条的样式？这里是一个例子截图-红色箭头指向屏幕的右边，我没有添加那个边框样式。

浏览 6提问于2017-04-16得票数 6

回答已采纳

2回答

修复屏幕底部的Fix元素，但前提是父容器尚未结束？

html、css、css-position、tailwind-css、absolute

假设我有一个元素，它在视觉上是容器的一部分。这个容器的高度可以很长。 ..。但当我继续滚动时，它会停在容器内：我被困在这里了。当元素位于容器的顶部时，我知道如何做到这一点。向下滚动只会让它在底部停止。问题

浏览 15提问于2022-10-26得票数 0

回答已采纳

1回答

图像不溢出容器。

html、css、vue.js、tailwind-css

在vue项目中，我使用了用于css的顺风，我有一个包含两个定制组件的柔性盒布局。第二个是am图像，它不应该收缩或压缩，而是缩小屏幕大小时左右的可视区域。然后，用户应该能够滚动溢出的左和右。正确的理解方法是为外部div提供固定的维度，将其设置为块和溢出x滚动。该图像具有完整的高度和宽度。当容器缩小时，应该会溢出。所发生的是，图像只是因为某种原因而缩小为一个整体。

浏览 5提问于2022-10-02得票数 1

回答已采纳

2回答

滚动react/next中的溢出组件

javascript、css、reactjs、next.js、tailwind-css

我决定隐藏滚动条，并将其替换为左右两个箭头/按钮。如果我点击左边，它会滚动到左边，反之亦然。如何实现此功能？

浏览 16提问于2022-04-17得票数 4

回答已采纳

1回答

水平和垂直方向的无限滚动- Nextjs

next.js、infinite-scroll、horizontal-scrolling、vertical-scrolling

我希望实现一个无限的垂直和水平滚动容器，以便在nextjs项目中显示图像的旋转体。有什么办法可以做到吗？

浏览 15提问于2022-07-31得票数 -3

1回答

百分比相对于窗口还是文档？

css、width

在CSS中，如果我将宽度属性设置为100%，如下所示：如果文档的宽度大于窗口的宽度(水平滚动)，则元素的宽度仅为窗口的宽度。如果我向右滚动，它就会立即被切断。如何使用CSS将元素的宽度设置为文档宽度的min-width，使其在滚动时不会被切断？

浏览 3提问于2013-12-23得票数 0

回答已采纳

1回答

如何修复显示在react中的元素上的元素

javascript、css、reactjs、sass、tailwind-css

图像也在导航栏上滚动。建议CSS用于此

浏览 3提问于2022-11-05得票数 -1

回答已采纳

1回答

侧风CSS3.0禁用JIT模式

css、tailwind-css

当JIT按需生成CSS类时，文本编辑器/IDE无法通过IntelliSense显示CSS类建议。有什么解决办法可以克服IntelliSense问题吗？

浏览 4提问于2022-01-09得票数 1

1回答

不是h-full，而是一个函数，可以使其h- section full

html、vue.js、tailwind-css

我正在尝试编写一个使用顺风动画功能弹跳的滚动元素。但是，反弹的大小太大了，因为我已经将容器设置为h-full。有没有办法让容器跨越<section>的大小而不是整个页面？或者能够以反应的方式限制容器的大小。 <div class="container h-screen animate-bounce w-screen flex justify-center

浏览 0提问于2021-06-17得票数 0

1回答