jquery - CSS - 如何使溢出隐藏在右边而不是左边?

标签 jquery css scroll overflow containers

<分区>

Possible Duplicate:
“overflow-x:hidden” one side only?

我有一个水平滚动的容器,当用户向左滚动并溢出时,我希望它仍然显示,但每当用户向右滚动时,我希望它隐藏。有什么建议吗?

这是一些代码:

<div class="scroller">
    ... content
</div>

.scroller {
    overflow-x: scroll;
}

最佳答案

在 div 内容总是从左到右开始,所以让你的 div position:absoluteleft:0; 然后使用 overflow-x: hidden; 此样式仅适用于隐藏的左侧

.scroller {
   overflow-x: hidden;
   position:absolute;
   left:0;
}

关于jquery - CSS - 如何使溢出隐藏在右边而不是左边?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13423970/

相关文章:

javascript - 使用 javascript 变量设置下拉列表的选定值

javascript - 我需要什么 CSS 规则来隐藏 "tr"元素,其子元素 "td"的子元素 "input"具有空值属性?

javascript - 通过抓取其背景来拖动 div 内容

css - 使用 "text-indent"隐藏文本

java - 是否可以使用 java.awt.Robot 进行水平鼠标滚轮滚动?

jquery - Python Selenium 单击按钮

javascript - BxSlider:页面刷新/更改时保存 slider 的位置

javascript - 中心模式下的光滑轮播导致 SlidesToscroll 无法正常工作

javascript - 检测页面上的滚动方向 - 更新先前的值

javascript - 对滚动事件执行一些操作