Question

我在我的网络项目中使用TextArea标签，它永远不会显示滚动条。这可以使用

轻松完成

TEXTAREA { overflow: hidden }

我需要的所有浏览器（IE，FF，Chrome）都会按预期隐藏滚动条。

然而，无论如何，Internet Explorer和Chrome都会滚动到当前光标位置，而Firefox根本不会滚动。您可以将光标移动到不可见区域并键入，但您将看不到，您正在做什么。

这可以解决吗？

此致斯特芬

编辑：因为我没有找到问题的根源而我真的想解决这个问题，所以我把这个问题留待了。但是我找到了一个非常糟糕的解决方法：我们现在在overflow: scroll上使用TEXTAREA，将其放入DIV，测量水平和垂直滚动条的宽度和高度，增加通过该值TEXTAREA并将overflow:hidden设置为DIV有效地剪切滚动条。它们对用户不可见，但Firefox仍然滚动。不好，但工作。

Answer 1

据我所知，鉴于overflow:hidden背后的语义，Firefox的行为正如我所期望的那样。

那就是说，在阅读了上面的评论后，您可以通过一点点jQuery轻松模仿您想要的行为。

这是我写的代码：

$('textarea').bind("focus keyup", function(){
    var $current = $(this);
    $current.scrollTop(
        $current[0].scrollHeight - $current.height()
    );
});

当你专注于它并在你输入时，这将基本上将textarea滚动到底部。可能需要进行调整以考虑内容中进一步完成的编辑。

这是Working Demo

Firefox TextArea不滚动没有滚动条

1 个答案: