javascript – 如何停止水平滚动？（js水平滚动条）

25-02-24 12

对于想了解javascript–如何停止水平滚动？的读者，本文将提供新的信息，我们将详细介绍js水平滚动条，并且为您提供关于CSS–如何防止水平滚动？、java–在JTextArea中停止水平滚动、j

对于想了解javascript – 如何停止水平滚动？的读者，本文将提供新的信息，我们将详细介绍js水平滚动条，并且为您提供关于CSS – 如何防止水平滚动？、java – 在JTextArea中停止水平滚动、javascript – Flexslider 100％宽度创建水平滚动条、javascript – jQuery在水平滚动后找到第一个可见元素的有价值信息。

本文目录一览：

javascript – 如何停止水平滚动？（js水平滚动条）
CSS – 如何防止水平滚动？
java – 在JTextArea中停止水平滚动
javascript – Flexslider 100％宽度创建水平滚动条
javascript – jQuery在水平滚动后找到第一个可见元素

javascript – 如何停止水平滚动？（js水平滚动条）

我用html和 javascript编写了一个文件.

在那里垂直滚动应该在那里,但我想停止水平滚动.

我怎样才能做到这一点？

解决方法

Sarfraz有 already mentioned overflow-x,这是一个答案,虽然它意味着(正如它所说的那样！)任何本来可以向右移动的东西现在对用户来说都是不可用的.有用例,但主要是不希望有用户无法访问的内容.

问题是：你为什么要进行水平滚动？在正常情况下,浏览器将包装内容,使得不需要任何水平滚动.如果用户具有正常窗口大小,则通过将指定为特定宽度的元素(通过样式信息或具有不可包装的内容(如大图像))导致设计中的水平滚动.例如,这不需要水平滚动：

<p>...lots of text here...</p>

……但这会：

<p>...lots of text here...</p>

…如果用户的浏览器窗口宽度小于1200像素.

因此,如果将内容移至右侧不可用不是您想要的,我的答案是找到导致滚动的元素并更正它们.

CSS – 如何防止水平滚动？

这个问题可能有一个简单的解决方案

我设计了一个并排两列的网站.一切都是固定的(菜单栏和左栏),右栏除外.

这是故意的,因为我只想要滚动右列,它将保存页面的可读内容.一切都很好,对吗？

不完全是,左列向左浮动,右列也浮动有足够大的左边距,以便在加载时正确地坐在页面中.

但是,当屏幕水平太小时,用户可以向左和向右滚动,同时移动第二列,甚至在我固定的第一列下方.这就是我想要阻止的.

如何让第二列垂直滚动但不能水平移动？

这是一个css的snipet：

#main-content {float: left; margin: 100px 0 0 0; background: rgba(128,127,128,0.9); padding: 15px 25px 15px 15px; width: 500px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
#button-glue {float: left; position: fixed; padding: 0 25px 15px 0px; width: 525px;}
#button{
    float:right; margin: 5px -20px 0 0;
}
#button a {
    background:url(../images/button.png) 
    no-repeat;
    display:block; /* Necessary,since A is not a block element */
    width: 167px;
    height: 58px; 
}
#button a:hover {
    background:url(../images/buttonhover.png) no-repeat;
    width:167px;
    height:58px;
}
.right {float:right; margin: 0 0 5px 25px;}
#secondary-content {float: right; margin: 100px 0 15px 569px; background: rgba(128,0.9); padding: 20px; background: rgba(128,0.9); width:405px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}

谢谢！

解决方法

overflow-x:hidden

这将不允许元素上的滚动条并隐藏任何悬挂的东西.

java – 在JTextArea中停止水平滚动

我想添加一个JTextArea到一个应用程序.通常,textarea包含大量内容,并且在运行该应用程序时会显示水平和垂直ScrollBars.我想删除水平滚动;我发现这是可能的
HORIZONTAL_SCROLLBAR_NEVER字段,但它不显示完整的内容(它不水平包装,并将内容移动到下一行).如何克服这个.我想停止水平滚动,并将内容放在下一行,而不用滚动一行.

解决方法

尝试这个：

yourJTextArea.setLineWrap(true);
yourJTextArea.setWrapStyleWord(true);

javascript – Flexslider 100％宽度创建水平滚动条

http://dl.dropbox.com/u/29703851/js/demo/index.html

这是示范.

我想使用100％宽度的flexslider,但是当鼠标光标在flexslider之外时,我得到了奇怪的额外宽度和水平滚动条.

当我浏览flexslider时,水平滚动消失.有什么建议吗？

我使用演示代码,没有css更改,没有js更改.刚刚删除了所有div,并且只留下了一个带有flexslider类的div.

有100％宽度的正确方法吗？

解决方法

我遇到溢出的问题：隐藏;在.flexslider

javascript – jQuery在水平滚动后找到第一个可见元素

我是jQuery的新人(只有两周大),所以请耐心等待.我知道前段时间问了一个非常相似的问题,但我不知道如何调整问题的答案.我有一个非常广泛的多列布局,如下所示：

| aaaa | bbbb | cccc | …   |
| aaaa | b    | cc   | …   |
| aaa  | cccc | ddd  | …   |

代码如下：

<div id="container">
    <p>aaaaaaaaaaa</p>
    <p>bbbbb</p>
    <p>ccccccccccc</p>
    <p>dddddddddd</p>
    ...
    <p>xxxxxx</p>
</div>

没有垂直滚动,并且容器宽度设置为仅显示两列.用户向左或向右滚动以查看相关文本.我想要的是获取当前显示的位置,存储它(可能在cookie中)并在用户下次打开页面时检索它.

我认为我需要一种方法来找出目前最左边的段落,但其他建议非常受欢迎.

有任何想法吗？

BTW：这是一个内部项目,所以只有Mozilla

关于javascript – 如何停止水平滚动？和js水平滚动条的问题我们已经讲解完毕，感谢您的阅读，如果还想了解更多关于CSS – 如何防止水平滚动？、java – 在JTextArea中停止水平滚动、javascript – Flexslider 100％宽度创建水平滚动条、javascript – jQuery在水平滚动后找到第一个可见元素等相关内容，可以在本站寻找。

本文标签：