קוד לעוגן והסבר פקודות

event.preventDefault();

פקודה שמבטלת את המקרה הרגיל של לחיצה על קישור ברגע ששמים פקודה זו אז לא יהיה את המעבר שקורה בדרך כלל לאחר לחיצה על קישור

דוגמא.

$(".header_logo a").click(function(event){
    event.preventDefault();
    $('html,body').animate({
        scrollTop: $(".home").offset().top
    }, 1000);
});

כשלוחצים על הלוגו זה פשוט יגלול למעלה ( לקלאסס שרשום שם)  ולא ירפרש את הדף.

הסבר על פקודת הגלילה:

נחלק את הפקודה ל 2

$('#id').offset().top

פקודה זו מחזירה את המיקום של האלמנט id מלמעלה top ניתן גם להחזיר מצד שמאל ע"י כתיבת left

$("html, body").animate({ scrollTop: 100}, 1000);

פקודה זו עושה אנימציה של גלילה לגובה שכתוב שם והחישוב הוא מלמעלה

שילוב של 2 הפקודות מאפשר גלילה לאלמנט מסויים בתוך הדף.

$("html, body").animate({ scrollTop: $('#id').offset().top}, 1000);

jQuery("nav.elementor-nav-menu--dropdown ul li a").on("click",function(event){
    event.preventDefault();		
anchorto = jQuery(this).attr("href");
scrolltopo = jQuery(anchorto).offset().top-132;
console.log(scrolltopo);
    jQuery('html,body').animate({
        scrollTop: scrolltopo
}, 1000);
event.stopImmediatePropagation();
});

במקרה של עוגן לפעמים יש בתבנית עוד מישהו שהשתמש בזה ורוצים לבטל את מה שהוא עושה משתמשים בפקודה הזו

event.stopImmediatePropagation();

מבטלת מה שהיה קודם
https://api.jquery.com/event.stopImmediatePropagation/

יש גם .position() במקום offset
ההבדל בינהם

position: רלטיבי לאבא

offset : רלטיבי למסמך

ניתן גם לקפוץ לפוקוס של שדה input

			$( "input#"+focusIndex).focus();

כדי לדעת את המיקום שלך אתה יכול להשתמש

$(window).scrollTop();