Köşeli + yönlendiriciyi kullanarak URL'yi değiştirmeden belirli bir div'a nasıl kaydırılır?

Question

İki panelim var, giden uçuş ve gelen uçuş var. Kullanıcı, giden ve gelen uçuşu seçtikten sonra bir fiyat kontrolü yapar ve bunu iki panelin (ücret) alt kısmında gösterir, başlangıçta gizlenir.

Dışarıdan gelen ve gelen denetleyicinin kendisi seçildiğinde farePanel'e kaydırmak istiyorum, $ anchorScroll kullanmayı denedim ancak URL'ye #farePanel ekledim.

Ayrıca, yardımcı oluyorsa, ui yönlendirici kullanıyorum. İhtiyacınız olan her şey sade javascript ile yapmaktır.

Answer 1

Pencerenin üst kısmındaki mesafeyi hesapladıktan sonra window.scrollTo işlevini çağırın. https://jsfiddle.net/scyrizales/vj44Lumv/

angular.module("test", []) 
.controller("Ctrl1", function($scope, $timeout, $window) { 
    $scope.showFare = false; 
    $scope.process = function() { 
    $scope.showFare = true; 
    $timeout(function() { 
     var element = $window.document.querySelector("#fare"); 
     var distance = element.getBoundingClientRect().top; 
     $window.scrollTo(0, distance); 
    }); 
    } 
});