首页 文章

对于ContentEditable，跨浏览器溢出moz-hidden-unscrollable

提问于
浏览 次
3

有没有办法实现溢出：-moz-hidden-unscrollable在跨浏览器（IE 9，现代浏览器）时尚？

当我在一个contenteditable div上设置一个高度时，溢出会强制前面的文本行 - 向下滚动div容器并向上滚动内容 . 我需要保留现有内容并隐藏下面的内容 .

-moz-hidden-unscrollable是我想要的效果，但它并不适用于所有现代浏览器IE 9 .

div {
    height:14px;
    font-size:14px;
    line-height:14px;
    overflow:hidden;
}

目标是用户可以键入div并按Enter键以换行新行，但是应该隐藏Y溢出并且不滚动div .

http://jsfiddle.net/cyown5g1/

jquery css html5 css3 contenteditable

1 回答

  • 2

    我用一个可能的解决方案更新了你的JSFiddle . 它为 scroll 事件添加了一个事件处理程序，并在每次触发事件时重置y偏移量（在这种情况下，创建一个新行） .

    jQuery的：

    var formerY = 0;

$("div").on("scroll", function(e){
    $(e.target).scrollTop(formerY);
});

    JSFiddle：https://jsfiddle.net/cyown5g1/1/

    回复于

相关问题