Skip to main content
se añadieron 43 caracteres en el cuerpo
Origen Enlace

Puedes agregar el siguiente código:

Declaramos el module de Angular:

var angularApp = angular.module("angularApp", []);

Realizamos un servicio que se encargue de realizar el scroll hasta tu elemento con el id "SectionB":

angularApp.service('scrollService', function ($location, $anchorScroll) {
    this.scrollEnd = function () {
        $location.hash("sectionB");
        $anchorScroll();
    };
});

Realizamos un controller y mandamos a llamar nuestro servicio:

angularApp.controller("scrollController", function ($scope, scrollService) {
    $scope.scrollToHash = function () {
        scrollService.scrollEnd();
    };
});

Toma en cuenta que debes mandar a llamar el controller desde tu html y tu botón debe estar dentro. Tampoco olvides mandar a llamar ng-click="scrollToHash()" en el botón.

Espero sea de ayuda.

Saludos.

Puedes agregar el siguiente código:

Declaramos el module de Angular:

var angularApp = angular.module("angularApp", []);

Realizamos un servicio que se encargue de realizar el scroll:

angularApp.service('scrollService', function ($location, $anchorScroll) {
    this.scrollEnd = function () {
        $location.hash("sectionB");
        $anchorScroll();
    };
});

Realizamos un controller y mandamos a llamar nuestro servicio:

angularApp.controller("scrollController", function ($scope, scrollService) {
    $scope.scrollToHash = function () {
        scrollService.scrollEnd();
    };
});

Toma en cuenta que debes mandar a llamar el controller desde tu html y tu botón debe estar dentro. Tampoco olvides mandar a llamar ng-click="scrollToHash()" en el botón.

Espero sea de ayuda.

Saludos.

Puedes agregar el siguiente código:

Declaramos el module de Angular:

var angularApp = angular.module("angularApp", []);

Realizamos un servicio que se encargue de realizar el scroll hasta tu elemento con el id "SectionB":

angularApp.service('scrollService', function ($location, $anchorScroll) {
    this.scrollEnd = function () {
        $location.hash("sectionB");
        $anchorScroll();
    };
});

Realizamos un controller y mandamos a llamar nuestro servicio:

angularApp.controller("scrollController", function ($scope, scrollService) {
    $scope.scrollToHash = function () {
        scrollService.scrollEnd();
    };
});

Toma en cuenta que debes mandar a llamar el controller desde tu html y tu botón debe estar dentro. Tampoco olvides mandar a llamar ng-click="scrollToHash()" en el botón.

Espero sea de ayuda.

Saludos.

Origen Enlace

Puedes agregar el siguiente código:

Declaramos el module de Angular:

var angularApp = angular.module("angularApp", []);

Realizamos un servicio que se encargue de realizar el scroll:

angularApp.service('scrollService', function ($location, $anchorScroll) {
    this.scrollEnd = function () {
        $location.hash("sectionB");
        $anchorScroll();
    };
});

Realizamos un controller y mandamos a llamar nuestro servicio:

angularApp.controller("scrollController", function ($scope, scrollService) {
    $scope.scrollToHash = function () {
        scrollService.scrollEnd();
    };
});

Toma en cuenta que debes mandar a llamar el controller desde tu html y tu botón debe estar dentro. Tampoco olvides mandar a llamar ng-click="scrollToHash()" en el botón.

Espero sea de ayuda.

Saludos.