相关疑难解决方法(0)

如何以编程方式禁用jQuery页面滚动

使用jQuery,我想禁用正文的滚动:

我的想法是:

  1. body{ overflow: hidden;}
  2. 捕获当前 scrollTop();/scrollLeft()
  3. 绑定到body scroll事件,将scrollTop/scrollLeft设置为捕获的值.

有没有更好的办法?


更新:

请参阅http://jsbin.com/ikuma4/2/edit,查看我的示例,以及原因

我知道有人会想"为什么他不只是position: fixed在面板上使用?".

由于我有其他原因,请不要这样做.

css jquery scroll

152
推荐指数
9
解决办法
40万
查看次数

CSS:make overflow-x:隐藏真正隐藏?

我有一个样式的div overflow-x: hidden,但是我发现当里面有一个包含文本的更宽的div时,用户仍然可以用鼠标横向拖动来查看隐藏的文本.

我想防止这种情况,并使文本真正隐藏起来.这个jsfiddle应该显示我的意思:http://jsfiddle.net/YzsGF/11/或这里是代码:

<div id="outer">
   <div id="inner">
       How can I truly hide the text beyond the margin?
    </div>
</div>
#outer { 
    width: 150px; 
    height: 300px; 
    overflow-x: hidden;
    border: 1px solid black;
}
#inner { 
    width: 300px;
    overflow-x: hidden;
}
Run Code Online (Sandbox Code Playgroud)

有没有办法阻止用户看到隐藏的文字?

更新:我需要overflow-y才能工作:overflow-x只是CSS3.它可能有助于解释现实生活场景:

  • 我有一个固定宽度但未知长度的内部div.
  • 当它足够短而不适合没有y滚动条的外部div时,一切都很好.
  • 当内部div变得足够长以使外部div需要一个y滚动条时,会出现一个,但会切断内部div的一些右手内容.这也没问题(我故意留下了一些RH填充),但不好的是用户可以选择文本并将其拖到侧面,显示空的RH填充并隐藏LH侧的一些文本.

有解决方案吗

html css

11
推荐指数
1
解决办法
8966
查看次数

标签 统计

css ×2

html ×1

jquery ×1

scroll ×1