jquery - 跨浏览器溢出 moz-hidden-unscrollable for ContentEditable

Question

有没有办法以跨浏览器(IE 9+，现代浏览器)的方式实现溢出:-moz-hidden-unscrollable？

当我在可内容编辑的 div 上设置高度时，溢出会迫使前面的文本行向上滚动——向下滚动 div 容器并向上滚动内容。我需要保留现有内容并隐藏下面的内容。

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

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

目标是用户可以在 div 中键入内容并按回车键换行，但应该隐藏 Y 溢出并且 div 不滚动。

http://jsfiddle.net/cyown5g1/

Answer 1

我用一个可能的解决方案更新了你的 JSFiddle。它为 scroll 事件添加了一个事件处理程序，并在每次事件触发时重置 y 偏移量(在本例中，创建了一个新行)。

jQuery:

var formerY = 0;

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

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