锚点滚动不起作用，当点击

Question

好吧，我正在创建一个联系页面，我有两种形式的视差效果。我想包含一个点击时滚动到下一个表单的锚点。我已经尝试了很多代码，我在这里找到的stackoverflow和似乎没有工作。

这是我的HTML：

<div id="contenedorPrincipalContacto" class="col-xs-12" data-type="parallax-section"> 

    <a href="#colera" id="button">Cotizacion</a> 

    <div class="col-xs-12" id="contenedorContacto" data-type="parallax-section"> 
     //here goes all the form code 
    </div> 

    <div id="colera"></div> //this is where I want to go when clicked the anchor 

    <div class="col-xs-12" id="contenedorCotizacion" data-type="parallax-section"> 
     //here goes all the content of the second form 
    </div> 

    <img src="images/ipadContacto.png" id="ipadContacto" alt=""> 

</div> 

这里是JavaScript：

app.controller('contactoCtrl', function ($scope, $rootScope, $routeParams,  $location, $http, Data) 
    { 
     $(document).ready(function(){ 
     $("#button").click(function() { 
     $('html, body, #vista').animate({ 
     scrollTop: $("#contenedorCotizacion").offset().top 
     }, 1000); 
    }); 
    }); 
}); 

我已经看到了这工作，我尝试在小提琴和它的工作......我不能找出什么是错的......

我正在继续另一位程序员的工作，他曾与角：

app.config(['$routeProvider', 
    function ($routeProvider) { 
    $routeProvider. 
     when('/', { 
      title: 'Home', 
      templateUrl: 'partials/home.html', 
      controller: 'homeCtrl' 
     }) 
     .when('/videos',{ 
      title: 'texts', 
      templateUrl: 'partials/texts.html', 
      controller: 'textsCtrl' 
     }) 
     .when('/estandar',{ 
      title: 'AboutUs', 
      templateUrl: 'partials/aboutUs.html', 
      controller: 'aboutUsCtrl' 
     }) 
     .when('/contacto',{ 
      title: 'Contact', 
      templateUrl: 'partials/contact.html', 
      controller: 'contactCtrl' 
     }) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
    }]) 

我不知道什么可能是错的。任何帮助表示赞赏。

UPDATE：

我认识角度确实是“恶补”的每一个环节，因此我在网页上结束了...看来我不能跟主播工作。我尝试使用这样的javascript：

$("#button").click(function(){ 

     var pagina = document.getElementById("vista"); 
     pagina.scrollTo(0,1000); 
    }); 

它仍然无法正常工作。它给了我一个错误：“contactoCtrl.js：24遗漏的类型错误：pagina.scrollTo是不是一个函数”我的不便之处表示歉意，我是新来的编程

Answer 1

app.config(['$routeProvider', 
    function ($routeProvider) { 
    $routeProvider. 
    when('/', { 
     title: 'Home', 
     templateUrl: 'partials/home.html', 
     controller: 'homeCtrl' 
    }) 
    .when('/videos',{ 
     title: 'texts', 
     templateUrl: 'partials/texts.html', 
     controller: 'textsCtrl' 
    }) 
    .when('/estandar',{ 
     title: 'AboutUs', 
     templateUrl: 'partials/aboutUs.html', 
     controller: 'aboutUsCtrl' 
    }) 
    .when('/contacto',{ 
     title: 'Contact', 
     templateUrl: 'partials/contact.html', 
     controller: 'contactCtrl' 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 
}]) 

这就是问题所在，原来，只要点击一个链接的一段代码，它会被重定向到首页，所以我只好另寻滚动方式

Answer 2

看到这里jsfiddle

代码：

$("#button").click(function() { 
     $('html, body, #vista').animate({ 
     scrollTop: $("#contenedorCotizacion").offset().top 
     }, 1000); 
    }); 

CSS：

#colera { margin-top:500px} 

加入margin-top出于示例的目的ö只有。所以你可以看到滚动

从您的JS代码

Answer 3

删除app.controller('contactoCtrl', function ($scope, $rootScope, $routeParams, $location, $http, Data)你可能忘记了进口jQuery库？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

Seeya， 耶稣