Question

点击图片后，我必须显示隐藏的div，其效果如自动向下滚动到底部

我的代码如下：

var mysql      = require('mysql');
var connection = mysql.createConnection({
  host     : '192.168.33.10',
  user     : 'root',
  password : 'root',
  database : 'test'
});

connection.connect(function(err) {
  if (err) {
    console.error('Error connecting to MySQL: ' + err.stack);
    return;
  }
   console.log('connected as id ' + connection.threadId);
   });

    $(document).ready(function() {
      $('#test').click(function() {
        $('.contact-form').toggle("100");

      });
    });

通过使用此脚本，我可以显示隐藏的div，但它不会自动向下滚动。现在我需要的是，当点击图像 dugh1.png 时，可以自动向下滚动以显示隐藏的div 。我应该怎么做才能做到这一点。我是java脚本的新手。提前感谢。

Answer 1

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;

您可以使用此代码段

Answer 2

你可以尝试做这样的伴侣

$(document).ready(function() {

      $('#test').click(function() {
        $('.contact-form').toggle("100");
        $('html, body').animate({
           scrollTop: $('footer').offset().top
        }, 'slow');
      });
    });

或检查一下，只需根据您的需要进行自定义。

如何在页面底部自动显示和滚动隐藏的div？

2 个答案: