Question

在留言簿中，我在页面底部有一个按钮，用于显示点击的输入表单：

$("a#showform").click(function(){ 
  $(this).hide();
  $("div#post").show("slow");
});

问题是出现的表单位于当前视图端口之外，只有手动滚动才能使表单对用户可见。我无法从网络上找到任何解决方案，但这必须是一个非常常见的问题。是不是有一个jquery命令“坚持到底”或类似？

接下来就是：我在整个页面上使用nanoScroller，因此正常的缩小方法在这里不起作用。 nanoScroller有一个方法滚动：“底部”，但它不平滑......

非常感谢，托尼

Answer 1

只要您的网页展开，您就可以轻松滚动到页面底部：

 $("a#showform").click(function(){ 
        $(this).hide();
        $("div#post").show("slow");
        $('html, body').animate({
                                     scrollTop:$(document).height()
                                }, 'slow');
    });

你可以将.animate()的'慢'设置为任何速度，以毫秒为单位。

<强> jsFiddle

Answer 2

只需调整功能中的滚动

$("a#showform").click(function(){ 
  $(this).hide();
  $("div#post").show("slow");
  /* $(scroll magically to #post) */
  $("div#post").nanoScroller({ scroll: 'top' });
});

Answer 3

如果您不关心涉及其他元素的帖子项目，您可能希望使用CSS来解决此问题：

div#post {
  position: fixed;
  bottom: 0px;
}

使用javascript在页面底部显示一个元素

3 个答案: