如何重定向到部门（ <div> ）在我的html页面中使用javascript函数

Question

我的问题是我想在我的html页面中重定向，该页面包含一个名为add-form的div。

当我单击button我的重定向应该在一个包含一些代码的div上。 这是我的一些重定向到另一个页面的代码，但是我不知道如何用div代替页面。

 success: function(data){

          if(data['success']){
        alert("DOne");  

        window.location = document.getElementById('add-form');
         // $("#add-form").load(function(e) {

         // });


          }
          else{
              alert("Oops, There is a Network Error.....");
          }
      }

在此代码中， #add-form是DIV id 。

我不想重定向到另一个页面，而是要在包含div tag的页面中滑动。

更新：

这是两个图像。

在第一个图像中，单击+的按钮，该按钮向上按住。 代码是：

<a href="#add-form" data-icon="plus" data-iconpos="notext">Add</a>

结果就是这张图片。

我想对按钮单击执行相同操作，但是使用javascript。

Answer 1

我认为您可能正在寻找的是：

<a href="#add-form">Click</a>

当用户单击该链接时，他们将使用id="add-form"滚动到div。

编辑

我目前无法测试，但可以尝试使用JS这样的方法：

$("#buttonToClick").click(function() {
    $('html, body').animate({
       scrollTop: $("#add-form").offset().top
    }, 2000);
});

Answer 2

如果您确实必须在JS中执行此操作（尽管，我看不到为什么不使用Scott Helme的解决方案），请使用此行将您的浏览器定位到ID为“ add-form”的div的位置：

window.location.href ='＃add-form';

确保将哈希（ ＃ ）放在元素ID的前面。