Question

以下是示例页面：http://texting.zz.mu/
在底部，您可以看到div contenteditable=true。
尝试在里面输入一些文字。然后#talkTab阻止滚动！
我真的很困惑。为什么会这样？我不能只显示代码的一部分，因为我不知道这个bug是什么部分我知道，代码很多，但......
请帮助我，我会＆＃34;喜欢＆＃34;你的所有答案：D

Answer 1

这是您需要的CSS。

overflow-x : auto //Since your div's height and width are defined.

在你的情况下，可以使用overflow-x触发滚动条，它可以设置为可见，隐藏，滚动，自动或继承中的任何一个。您目前正在研究这两个：

自动 - 此值将查看框的宽度和高度。如果定义了它们，它就不会让框扩展超过这些边界。相反（如果内容超过这些边界），它将为超出其长度的边界（或两者）创建滚动条。

滚动 - 即使内容未超出边界集，此值也会强制滚动条，无论如何。如果内容不需要滚动，则栏将显示为＆＃34;禁用＆＃34;或非交互式。

同样在您的情况下，问题是由于 talkTab

中的此属性

overflow-y : scroll;

Answer 2

失去高度：calc（100％ - 110px）;在你的CSS中，如果你可以使用jQuery来修复高度，那么我可以给你一个更好的解决方案，加上结构有点混乱，如果你能知道jQuery是否可以使用..

Answer 3

看到我已经修复了你的问题，我使用了一点jquery来构建你的设计，你可以看到代码的运行示例

点击链接：fiddle

<强> jQuery的：

        $(document).ready(function(){
            var w,h;                
            $(window).resize(function(){
                w = $(window).width();
                h = $(window).height();
                $('.window_height').height(h-50);
                $('.dialog_height').height(h-0);
            }).resize();
        });

键入文本时自动滚动非常奇怪的错误

3 个答案: