DIV溢出滚动停止短

| 溢出时，我正在尝试为聊天框滚动DIV，但不幸的是，它停下来了，我不知道为什么。这是我的代码。有人可以告诉我怎么了以及如何解决吗？现在发生的事情是它将向下滚动一会儿，但随后将停止滚动。我已经在这个问题上停留了将近一个小时。

已邀请:

1 个回复

虽然我目前还没有，但是请确定为什么您自己的尝试失败（尽管我猜想它是变量CHATBOX_ID的问题，但这仅是因为您没有显示它在哪里）来自），此版本有效。尽管有几个假设（我将在后面解释）：

var chatContentHeight, scrollVal;
var chatHeight = $(\'#chat\').height();

$(\'#message\').keyup(

function(e) {
    chatContentHeight = 0;
    if (e.keyCode == \'13\') { // assuming you want messages submitted on hitting \'enter\'
        newMsg = $(this).val();
        $(\'<div />\').text(newMsg).appendTo(\'#chat\');
        $(this).val(\'\');

        $(\'#chat > div\').each(

        function() {
            chatContentHeight = chatContentHeight + $(this).outerHeight();
        });

        if (chatContentHeight > chatHeight) { // checking whether or not scrolling is needed
            scrollVal = (chatContentHeight - chatHeight); // defines the amount to scroll
            $(\'#chat\').scrollTop(scrollVal);
        }
    }
});

JS Fiddle演示。我的假设是：您想要在按下回车键时提交消息，您可以使用/ 2来包含消息，我个人更喜欢使用3/4，但是使用这些元素似乎会使演示复杂一些，尽管它们非常完美可以使用。如果您想要一个解释（或者，至少，如果您想帮助我们提供一个解释），您至少需要发布完整的jQuery / JavaScript或链接到实时网站演示可以重现您的问题（在您自己的服务器上或在JS Fiddle或类似服务器上）。参考文献： keyup()。 val()。 appendTo()。 each()。 scrollTop()。

要回复问题请先登录或注册

DIV溢出滚动停止短

1 个回复

发起人

html

scroll

overflow

css

问题状态

DIV溢出滚动停止短

与内容相关的链接

1 个回复

发起人

html

scroll

overflow

css

问题状态