当div在视口中时添加类(水平滚动)
当div在视口中时添加类(水平滚动)的实现可以使用JavaScript来完成。以下是一种可能的解决方案：
- 首先，需要监听窗口的滚动事件。可以通过添加以下代码来实现：
window.addEventListener('scroll', function() {
// 在这里编写代码
});- 在滚动事件的回调函数中，可以使用JavaScript获取div元素的位置信息和视口的宽度信息。可以使用以下代码来获取div元素的位置信息：
var divElement = document.getElementById('your-div-id'); // 替换为你的div元素的ID
var divRect = divElement.getBoundingClientRect();
var divLeft = divRect.left;
var divRight = divRect.right;- 接下来，可以使用以下代码来获取视口的宽度信息：
var viewportWidth = window.innerWidth || document.documentElement.clientWidth;- 然后，可以使用以下代码来检查div元素是否在视口中：
if (divLeft >= 0 && divRight <= viewportWidth) {
// div元素在视口中
} else {
// div元素不在视口中
}- 最后，如果div元素在视口中，可以使用以下代码来添加一个类到div元素：
if (divLeft >= 0 && divRight <= viewportWidth) {
divElement.classList.add('your-class-name'); // 替换为你要添加的类名
}通过以上步骤，当div元素在视口中时，可以动态地添加一个类到div元素。你可以将上述代码放置在合适的位置，例如在页面加载完成后的事件处理函数中，以确保正确执行。
请注意，上述代码是一种基本的实现方法，具体实施需要根据项目需求和实际情况进行调整和优化。
相关链接：
相关·内容
1回答
我有一个包含多行div的容器，我想从左到右在每一项之间有一个短时间的偏移量，但仅当行在滚动的视区中时才进行动画处理。我不想在html中将它们分组为行，因为项目需要每行4个项目，每行3个项目等等。基于屏幕大小。
我基本上想做下面的代码，但只在视口中的行上，当向下滚动页面时，在视口中动画下一行等。
$('.gallery-item').each(function(i){
$(this).delay((i++) * 200).fadeTo(400, 1);
});
要了解我希望实现的效果，请访问firstborn studios工作页面
任何帮助都将不胜感激。
浏览 0提问于2016-02-11得票数 0
我有一个div，其中有一个表。该表的列数与其下方显示的水平滚动条的列数相同。我必须突出显示位于最右侧且不在视口中的文本框。如何在视口中获取该文本框？
浏览 0提问于2011-08-03得票数 0
回答已采纳
更新：--我创建了这个来展示我在说什么。这个演示展示了两种方法，第一种是蛮力法，第二种是罗伯特·麦基的方法。
使用第一种方法，按滚动键结束按钮，导出垂直(y)缩放值，然后显示在刚刚按下的按钮旁边。在按钮下面的值列表中，您还将看到完全滚动到滚动区左下角所需的1px滚动的数量，如滚动Y计数和滚动X计数字段所示。现在显示缩放值并选中相邻复选框，按滚动到结束按钮显示，相同数量的1px水平和缩放垂直滚动现在到达滚动区域的右下端。
使用第二种方法，在不需要实际滚动的情况下，按计算Y尺度按钮来计算y刻度值。在计算了这个值之后，第二个俯冲就会被滚动，以显示它是有效的。
第一种方法找到允许滚动的y标度值，这样水
浏览 5提问于2020-03-02得票数 1
回答已采纳
我正在尝试拉伸div容器以适应整个窗口。但是，每当我将宽度和高度设置为100%时，我仍然会得到几乎不滚动任何内容的垂直和水平滚动条。用以下方式隐藏：
overflow:hidden
将其隐藏，但右侧和底部的边框将丢失。我希望div与窗口的大小完全匹配。
浏览 7提问于2017-07-22得票数 1
1回答
我有一个绝对定位的工具提示元素，当点击时会弹出。但是，在某些情况下，此元素可能会走得太靠右，从而为页面添加水平滚动。我的想法是始终将其水平地保持在视口内。
就像你用的是Windows，在屏幕上的任何地方右击，就会弹出一个菜单。它通常显示在鼠标光标的右下角，但是如果此操作是在屏幕的右下角完成的，菜单就会出现在光标的左上角。
下面是一个JSFiddle示例：
HTML
<div class="view-port">
<div class="div-holder">
<div class="absolute
浏览 0提问于2014-05-11得票数 1
3回答
我在向我的项目站点添加图片时遇到了问题。
因此，当我只使用元素标签名(如'img‘)时，就没有水平滚动，但是当我使用'.class img’这样的类选择器使用该图像时，就会出现水平滚动。请帮帮我我从来没见过这样的问题..。
html,body {
height: 100%;
margin: 0;
}
nav {
display: flex;
background-color: #ffffff;
padding: 10px;
}
nav a {
text-decoration-line: none;
color: b
浏览 0提问于2018-12-04得票数 2
回答已采纳
3回答
每当我的网站以不足以显示整个页面的分辨率查看时，就会添加一个水平滚动条。问题是我的带有背景图像的100%宽度的div不会将这个背景图像应用到滚动条之外的部分。
同样的问题实际上也出现在Stack Overflow上。如果您将窗口缩小到有一个水平滚动条，您可以看到页眉和页脚div区域都不会扩展背景图像/颜色。
我想解决这个问题的一种方法是将页眉/页脚div设置为fixed，但超过div末尾的内容将丢失:-(
有人有什么建议或变通办法吗？泰！
浏览 3提问于2012-03-16得票数 3
2回答
我使用jQuery的scrollTop(0)方法编写了一些代码，该方法在Chrome上不能正常工作(版本56.0.2924.87)。
我的代码设置了2秒超时，执行以下操作：
滚动到屏幕的顶部。
隐藏一个100%宽度和高度的div，并要求用户完成一些操作。
将类追加到设置overflow: hidden的html标记中。
一旦用户完成操作，它将删除类并隐藏div，以便他们可以继续滚动。
这是对Firefox的信任。
在Chrome上，如果在用户是而不是滚动时执行2秒超时，那么它将按预期工作。但是，如果在用户处于滚动过程中时调用了2秒超时，则该超时似乎会冻结。
我已经创建了
浏览 2提问于2017-02-20得票数 0
回答已采纳
我有两个非常窄(宽度:400px)的div，如果浏览器窗口中有足够的垂直空间，它们应该垂直堆叠。如果浏览器高度太小，并且右侧有足够的空间，则"bottom div“应浮动在top div的右侧。
在某种意义上，我要求的是与"float:left“相反的。浮动:如果浏览器窗口中有足够的水平空间，则向左水平对齐div；如果其他div下面只有可用的空间，则只在它们下面浮动div。
谢谢你的建议！
浏览 0提问于2012-06-08得票数 5
回答已采纳
2回答
绝对右侧-无滚动条可见
、、、
当我将包装器定位在绝对正确的位置时，当我收缩窗口时，不会触发水平滚动条。
示例：
代码：
<div id="wrapper"></div>
#wrapper {
width: 400px;
height: 400px;
position: absolute;
right: 20px;
top: 0px;
border: 1px solid red;
}
如果我向右切换: 20px；向左切换: 20px；它可以工作，但不能正常工作。你知道没有javascript该怎么解决这个问题吗？
浏览 3提问于2012-11-30得票数 6
回答已采纳
添加onclick事件以触发具有水平溢出的元素滚动的最佳方法是什么？
前提:我想添加一个锚导航，允许用户跳转到时间线UI中的特定里程碑。我正在使用这个示例。通过抓取一年中的第一个实例，我在里程碑上附加了一个ID，并构建了一个锚导航。
我尝试过的内容：似乎大多数信息都是关于垂直滚动html或body的，在这里，我只想在div内水平滚动。
我试过使用平滑滚动，但由于操作是水平的，浏览器“跳”到锚。
我尝试在锚导航上使用position:fixed，但这会将导航从父容器中取出，并将其附加到viewport。
我尝试在容器元素(.timeline)上使用.timeline，但是positi
浏览 0提问于2018-01-02得票数 0
回答已采纳
1回答
我正在尝试创建一个水平滚动，一页的网站，我正在使用div作为按钮，让页面滚动到一个元素时，他们被点击。我有滚动机制工作，但我希望div动画(改变大小或颜色等)当它们链接到的图元在视口中可见时。做这件事最好的方法是什么？
浏览 1提问于2014-07-31得票数 0
我有一个测试页面，它有一个Container，其中有两列8/4配置。我想要的是当视口缩小时，4在8下连续滑动，而不是一列。
所以我要找的是让右边的柱子在大视口中垂直显示，在中视口中水平显示。
这是一张前后图，下面是代码：
<div class="container">
<div class="row clearfix">
<div class="col-md-8 column">
<div class="row clearfix&#
浏览 5提问于2014-08-24得票数 0
我有一个图像，这只是一个颜色转换图像(深蓝色到浅蓝色)，但它有两个图形块在左侧。
我使用width: 100%，这样图像就可以从页面的左边一直延伸到页面的右侧，这样就可以了。
但是，当浏览器窗口比页面窄时，图像总是停在浏览器窗口的最右侧。然后，当我将水平滚动条向右移动时，图像不会在页面上展开。它就在浏览器窗口停止的地方停止。
CSS:
#header {
height:205px;
width:100%;
min-width:100%;
background-position:left top;
background-image:url(images/h
浏览 0提问于2015-05-24得票数 0
1回答
我正在尝试创建一个css背景，无论内容高度如何，它在任何时候都是100%高的，并且当内容足够长以创建滚动条时，背景颜色在您滚动时保持不变。 无论我尝试哪种最小高度和高度的组合，我似乎都不能让它正常工作。 当我使用Tailwind的h-screen类时，当内容小于视区时，它会填充到页面的底部，但当有滚动条时，背景会在滚动的部分消失。 我在parent div/body/html上尝试了h-full和min-height: 100%的各种组合，但似乎都不起作用。 下面是一个有效的示例： https://jsfiddle.net/t30wo6uk/3/ 以下是演示的两个问题的屏幕截图： h-scr
浏览 29提问于2021-08-03得票数 0
回答已采纳
1回答
CSS Div位置行为
、、、
我在理解div位置(相对、绝对、固定)属性时遇到了问题。我基本上有一个绝对的div居中。在div中，应该可以垂直和水平滚动。在这个div里面应该是一个固定的标题，它的宽度大于屏幕( overflow )，还有一个内容div，它在垂直和水平方向上都有溢出。
html,
body {
height: 100%;
width: 100%;
background: #fff;
margin: 0px auto;
padding: 0px auto;
position: fixed;
}
.container {
width: calc(10
浏览 2提问于2016-05-21得票数 0
4回答
我想要一个div弹出在一个固定的位置从顶部的视口，无论你在页面上。但是，当此div包含大量内容时，页面不会滚动。
因此:首先，div不在视图中，当单击按钮时，它会滑入视图。然后您可以滚动该div。但整个页面必须滚动，而不仅仅是在div中。
当我使用'position: absolute‘时，它可以工作，但随后它会从主体的顶部弹出，而不是从视口中弹出。
下面是简单的CSS：
div.overlay {
width: 100%;
position: fixed;
min-height: 100%;
background: red;
margin-to
浏览 1提问于2014-07-10得票数 2
1回答
在下图中，我有两个DivB，每个DivB都在离子幻灯片中，它们水平移动，因为它们在离子幻灯片组件(DivA和DivB)中。
在DivA (蓝色)中，如下图所示，我有一个Div (DIV- scroll ) (红色)，它也应该有一个水平滚动。但是，当尝试在DIV滚动上滚动时，离子幻灯片会将整个DivA (蓝色)向左移动。
我该怎么做才能让Div DIV-SCROLL有自己的水平滚动？
浏览 18提问于2020-06-04得票数 0
有没有可能通过抓取和拖动实际的图像，用“小手”光标在div中手动滚动JPG？
例如，当你有很长的水平位图，并且想要在小窗口中显示它，这样当你放大时，人们就像在照片编辑器中一样滚动。
浏览 1提问于2013-01-07得票数 1
嗨，我有以下情况：
<ScrollPane xmlns:fx="http://javafx.com/fxml" fx:controller="MenuController" fx:id="menuPane" stylesheets="/fxml/styles/menu_style.css" fitToWidth="true" fitToHeight="true" hbarPolicy="ALWAYS" vbarPolicy="ALWAYS">
<
浏览 0提问于2016-04-19得票数 1
回答已采纳
我有一个水平和垂直居中的div。问题是，如果我向下滚动，div也会向下滚动并停留在中心。我怎么解决它不能向下滚动的问题？
现在它完美地居中(我使用页边距是因为图片的大小(200px X 200px))。但当向下滚动时，它会停留在中间。
.logo {
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
}
<image class="logo&#
浏览 11提问于2017-06-28得票数 3
回答已采纳
我试图创建一个函数，它在窗口的特定位置滚动时，div的不透明度开始增加(不透明度等于1后立即减少)，但我的函数只适用于第一个div。我的意思是，第二个和第三个div与第一个div同时开始改变它们的不透明度。但仅当它们在视口中时才应执行此操作。如何让它在底层div中正常工作？
$(document).ready(function() {
$(window).on('scroll', function() {
var first = $('div.first')
var second = $('div.second')
浏览 0提问于2020-07-07得票数 0
我正在寻找一种方法来知道一个对象(作为一个Div，一个img等)由用户在JavaScript / jQuery中的窗口中显示并可见。
当我说“已显示并可见”时，这是指用户没有足够的滚动页面让对象可见(如果你明白我的意思)。但是，如果用户滚动页面而div不再可见(在窗口之外)，我要查找的函数应该知道这一点。
浏览 2提问于2013-05-21得票数 10
回答已采纳
我有一个包含3个内部div的父容器。我只希望中间的内部div水平滚动。这是我的代码：
<div class="outer-container">
<div class="top-inner-container">
xoxoxoxoxoxo
</div>
<div class="middle-inner-container">
only this must scroll ===> yeah yeah yeah
浏览 2提问于2021-07-22得票数 0
回答已采纳
5回答
我需要有标题可见，而用户滚动页面。我将标题设置为固定位置，并在滚动时保持不动，但当我调整浏览器大小时，我无法获得水平滚动条，因此我无法看到导航中的所有项目。
<body>
<header>
<div id="topHeader">
<p>test</p>
</div>
<nav>
... navigation items
浏览 0提问于2012-03-24得票数 3
尝试以下代码：
<!DOCTYPE html>
<html style="min-width:600px; overflow:auto;">
<body style="background:grey; padding:0px; margin:0px;">
<div style="text-align:right;">
this is some text
</div>
浏览 0提问于2013-02-15得票数 0
回答已采纳
如何在DIV的视区中滚动？我需要在我的网站上建立一个水平滚动功能，用户有左箭头和右箭头。我从来没有构建过这样的东西，我想知道这是如何做到的？
浏览 3提问于2011-05-01得票数 0
回答已采纳
6回答
我在我的一个项目中添加了著名的“叉我在吉顿”丝带。标签看起来如下：
<a href="https://github.com/Nurdok/htmlify">
<img style="position: absolute; top: 0; right: 0; border: 0;"
src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"
alt="Fork me on GitHub">
&
浏览 8提问于2013-05-17得票数 21
回答已采纳
1回答
我正在创建一个具有水平滚动效果的网页，如这个，我目前正在使用这个示例作为模板。
然而，我不知道如何保持导航和徽标div中心的网页，而你水平滚动。有人知道我是怎么做到的吗？
浏览 1提问于2014-10-09得票数 0
回答已采纳
2回答
我正在寻找我的问题的解决方案。我在我的网站上有一个css视差效果，当你垂直向下滚动页面时，它似乎能起到很好的效果。问题是，如果浏览器窗口的宽度减小到小于页面内容的宽度，它也会水平滚动。我不想要水平的视差效果。我使用的css是：
background: url(images/home.jpg) 50% 0 no-repeat fixed;
height: 500px;
margin: 0 auto;
width: 100%;
max-width: 1920px;
position: relative;
如果浏览器窗口小于1000px，则示例站点为。如果浏览器窗口小于1000px，则
浏览 4提问于2016-04-19得票数 0
3回答
Div宽度问题
、、
当有水平滚动条时，是什么让div不能水平延伸到屏幕的边缘？
DIV的内容将溢出到左侧，但不会溢出到DIV本身。
是什么让div一直向右移动？
谢谢
浏览 3提问于2009-04-21得票数 0
回答已采纳
我有两个div。一个是我页面的主体，另一个是页脚。页脚div应该有100%的宽度，即使我调整浏览器窗口的大小。
我的网页是这样的：
当我调整浏览器窗口的大小时，滚动显示：
如果我水平滚动页面，我的页脚不再是宽度的100%：
我该怎么做才能让我的脚一直保持100%的宽度？
<body>
<div id="header"></div>
<div id="footer"></div>
</body>
#header {
height: 500
浏览 0提问于2015-08-12得票数 5
回答已采纳
3回答
下面的沙箱显示了非常适合放置在带有粘性标题的Paper组件中的材料UI Table的代码：
我希望滚动条(水平和垂直)分别出现在浏览器页面的边缘，底部和右侧，但仍然控制Table本身的滚动。
目前，我只能在从Paper中删除表格并使其直接成为页面的子级--或将跨越整个页面高度的主div的子级时才能做到这一点。然而，我需要Paper组件留在那里，其他组件将放置在它的上方和下方。
对如何实现这一点有什么想法吗？
更新:在附着的草图中，浏览器边框显示为黑色，理想情况下滚动条显示为绿色。在页面的中间有一个容器div，其中包含红色的表。表的标题应该是粘性的，并且表不应该出现在容器div之外，容器div对
浏览 0提问于2020-09-26得票数 1
2回答
我正在开发一个带有水平滚动部分的网页。为此，我只使用了CSS。我的代码旋转容器，使水平滚动‘自然’之一。我想要的是将容器的宽度调整到它包含的图像，这样它就不允许您比图像滚动得更远。这是我的html和css代码
.slide {
height: 80vh;
background-size: auto 100vh;
background-repeat: repeat-x;
width: 2000vw;
}
.wrapper {
display: flex;
flex-direction: row;
width: 2000vw;
transform: rotat
浏览 4提问于2020-02-17得票数 1
回答已采纳
我在div中有一个iframe。我希望iframe的大小与其父div的大小完全相同。我使用下面的代码来设置iframe的宽度和高度。
<iframe src="./myPage.aspx" id="myIframe"
style="position: relative;
height: 100%;
width: 100%'
scrolling='no'
frameborder='0'"&g
浏览 1提问于2013-09-12得票数 25
回答已采纳
当用户在黑莓上浏览我的网站时，他们无法水平滚动。这一点很重要，因为Blackberry上的视图端口比站点的宽度要小。他们仍然可以向上和向下滚动，只是不能左右滚动。另一件事是他们也不能缩小网站。最后，网站也不会改变方向。在iPhone和iPad上测试时，缩放和滚动工作正常。
这会不会是元标签或视图端口设置导致的？可能导致此问题的原因有哪些？
浏览 0提问于2012-01-18得票数 0
回答已采纳
我有一个带有图像的Div，可以在单击事件时更改其大小。div应该做出反应，在必要时显示滚动条。 <div id="DisplayGraph" runat="server">
<asp:image runat="server" id="Graph" CssClass="Graph"/>
</div> CSS #DisplayGraph {
height: 100%;
width: 100%;
transform-origin: left top;
positio
浏览 11提问于2019-03-25得票数 0
回答已采纳
我希望找到一些好的解决方案，因为我正在努力解决这个问题，但还没有找到任何库。 我真正需要的是在滚动时跟踪组件的位置(Y)，并且仅当它在视口中时。当一个组件在底部进入视口时，我需要0，当相同组件的底部到达视口顶部时，我需要100。(反之亦然)。也可以是同一页上的多个组件。 这就是我到目前为止所拥有的一个简单的功能组件。感谢任何人的帮助！谢谢 CodeSandbox也在这里：https://codesandbox.io/s/wispy-bird-yyq24?fontsize=14&hidenavigation=1&theme=dark import React, { useSta
浏览 16提问于2020-01-07得票数 0
2回答
我有两个盒子:面板和边栏，在一个灵活的盒子里，有了flex-direction: row和justify-content: space-between，我可以水平地将它们并排对齐，中间有一个空隙。 现在我想要修复右边栏的位置，即当向下滚动时，边栏应该始终停留在屏幕顶部，而不管Panel的位置。我怎样才能用CSS做到这一点？ 此处的工作示例：https://codesandbox.io/s/gallant-saha-zgmnw 代码如下： App.js： import React from "react";
import "./App.scss";
import
浏览 15提问于2021-01-08得票数 1
当方格超过div宽度时，如何使div内的一组方格排列成一行，并触发水平滚动？
这个小提琴曲显示灰色正方形不正确地包裹一个狭窄的宽度。灰色方块应该总是在1行，容器div应该有一个水平滚动。
我尝试过的事物：
各种position: absolute和overflow: scroll属性。似乎没有任何组合能够达到可滚动容器div的预期效果。
浏览 0提问于2013-10-29得票数 0
回答已采纳
我在使用D3和SVG显示滚动图例时遇到了一些问题。我的图例根据数据的不同而不同，可以是任何范围。从1到150
这里有一个简单的实用小提琴：
在Chrome上:一切正常，滚动也很好，但在IE中，容器显示的高度较小，所有的图例都显示得非常小，没有滚动条，最大高度永远不会命中。
我在某处读到IE不能正确确定SVG高度，因此我们必须使用相对定位并提供初始高度。
我已经尝试将相对和绝对定位应用为
.legend-main-div{
height:0;
padding:40%;
position:relative;
}
.SVGClass{
top:0;
bottom:0;
浏览 2提问于2017-04-26得票数 0
5回答
垂直滚动条通向水平滚动条
、、、
我的CSS看起来像这样：
div.SOMECLASS {
position: absolute;
max-height: 300px
height: auto;
width: auto;
overflow: auto;
...
}
div的高度和宽度会自动缩放。不过，高度已经固定了一个最大值:一旦达到这个值，垂直滚动条就会出现。这一切都很好用。
现在的问题是：
如果出现垂直滚动条，它们将占用大约10px的水平空间，因为滚动条将放置在div内部。
但是，宽度不会自动缩放，以允许垂直滚动条使用这些额外的10个左右的像素。由于添加垂直滚动条之前的水平宽度正好适合内容(正如wi
浏览 110提问于2012-11-27得票数 43
回答已采纳
1回答
我在我的项目中使用资料-ui。现在，我在mui的Paper组件中显示了许多像表一样的锚元素。因为这个表很长，它在移动视图中生成一个水平滚动条，这不是我想要的。我想知道是否有一种方法可以缩小所有类表锚元素的宽度，这样水平滚动条就不会出现？(我不想使用overflow-x: hidden隐藏元素)
我的代码的简化版本：
class Row extends React.Component {
render() {
const cell = (<a class="linkCell" key={cell.id} href="#"></a>
浏览 2提问于2017-09-12得票数 2
我需要一些卡水平滚动，但其余的页面垂直滚动移动设备(这将在稍后的移动应用程序)。当我在移动版本中使用开发工具时，一切似乎都正常。但是当我打开手机的时候，所有东西都会水平滚动，而不仅仅是容器。下面是一个示例：如何完成这一任务？
*{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.scroll {
padding: 20px;
height: 240px;
width:calc(100% -5px);
background-col
浏览 1提问于2018-09-26得票数 1
回答已采纳
1回答
我有一张宽度为140%的长桌。我添加的标题只在窗口中延伸，但没有覆盖表格右侧的最后几个项目。如果我(水平)向右滚动，页眉不会随页面滚动。我相信这是可以做到的，但我不确定如何做到。
if ($va == '1') { echo '<div class="myFloatBar" align="center"><strong>Viewing Location</strong></div>'; }
下面是CSS：
.myFloatBar{
bottom:0;
left:0
浏览 0提问于2014-08-12得票数 0
如何使这个内部内容div的宽度等于可滚动区域的宽度？
<div class="scrollable">
<div class="content">short</div>
<div class="content">very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong text</div>
</div>
使用CSS：
.scrollable {
浏览 3提问于2013-07-01得票数 9
回答已采纳
4回答
抱歉，这一定是个很愚蠢的问题。
我有一个div #头和一个div #内容。#内容的内容可能是宽的，甚至比视口还宽。在这种情况下，会出现一个水平滚动条，这很好。
但是，对于水平滚动条，我希望#header获得100%的宽度，而不是视图，而是文档的宽度；这样，当用户滚动时，它就不会被中断。
以下是代码：
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<titl
浏览 0提问于2015-08-26得票数 3
回答已采纳
我的网格有很多垂直的数据，这增加了网格的高度。要水平移动，即移动水平滚动条，我需要首先将垂直滚动条向下移动，然后移动水平条，然后再移动垂直条以查看顶部记录。
有没有办法让水平条总是可见的，比如它的fixed.So，我不需要再往下看了。
浏览 0提问于2016-04-25得票数 0
5回答
容器-液体留空
、、
我想使用一个全宽度的div，所以添加了容器流体类，在左和右留下空白。我用左边和右边的负值来解决它。但问题在于负面的边际影响了自我响应的本质。当我调整大小时，左侧内容是隐藏的，并且在调整大小时有一个水平滚动条。
<div class="container-fluid">
<div class="row" style="background-color:gainsboro">
<div class="col-md-10">
</div>
</div>
</div
浏览 6提问于2016-01-16得票数 6
回答已采纳
3回答
仅水平滚动！
、、、、
我有一个包含水平菜单的。菜单由一个无序列表组成。当菜单超过<div>的宽度时，我希望div得到一个水平滚动条。我尝试在我的<div>中使用这些CSS定义。
position: absolute;
width: 380px;
overflow: auto;
overflow-y: hidden;
height: 30px;
但是他们意识到，由于菜单是LIST，当不同的列表项达到<div>的宽度并移动到下一行时，它们就会中断行，因此浏览器不需要水平滚动条(由于overflow-y: hidden;行，它不会显示垂直滚动条)
有什么想法，我可以创建一个1行水
浏览 0提问于2010-04-04得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
