Tag: Click

I am doing the following classic script that looks for a position of an element. When a click is made, this element returns to the specified position and also calculates the position of the element when I resize it, as far as this is good.

The problem I have when I find my position, I click, it works correctly and when I resize the position, I always get 0, it doesn't recalculate it.

This is my code:

var scrollTo = (function () {

var limit = 0;
var totalHeigthElement = 0;
var targetTop = 0;


var init = function () {
    getPositionTarget();

    $(window).resize(function () {
        console.log("antes del resize : " + targetTop);
        getPositionTarget();
        console.log("despues del resize : " + targetTop);
    });
};

var getPositionTarget = function () {

    $('(data-toggle=scroll-to)').each(function (index, item) {

        var target = $(this).attr('data-target')
        var positionsTarget = $('body').find(target).offset();
        targetTop = positionsTarget.top;

        $(item).on('click', function () {

            var elementMarginFixed = $(this).attr('data-margin-element');
            var elementsMargin = elementMarginFixed.split(",");

            for (var i = 0; i < elementsMargin.length; i++) {
                var heigthElement = $('body').find(elementsMargin(i)).outerHeight();
                totalHeigthElement = totalHeigthElement + heigthElement;
            }

            limit = targetTop - totalHeigthElement;

            $('html, body').animate({
                scrollTop: limit
            }, 500);

            totalHeigthElement = 0;
        });
    });


}


return {

    init: init

};})(jQuery);