Member 14031440 Ответов: 1

Пожалуйста, как конвертировать jquery в JS vanilla?

$(document).ready(function(){
    // scroll elementos Menu
    var aboutme = $('#about').offset().top,
        project = $('#jobs').offset().top,
        contactme = $('#contact').offset().top;

    $('#btn-about').on('click', function(e){
        e.preventDefault();
        $('html, body').animate({
            scrollTop: 240
        }, 500);
    });

    $('#btn-jobs').on('click', function(e){
        e.preventDefault();
        $('html, body').animate({
            scrollTop: project
        }, 500);
    });

    $('#btn-contact').on('click', function(e){
        e.preventDefault();
        $('html, body').animate({
            scrollTop: contactme
        }, 500);
    });

});


Что я уже пробовал:

Из-за обесценивания JQuery. Они были бы так добры помочь вам мигрировать, я очень невежественна

Mehdi Gholam

Проверить https://zeptojs.com/

1 Ответов

Рейтинг:
1

MadMyche

Вы действительно должны знать, что такое функции библиотеки, прежде чем использовать ее. Много раз в jQuery они являются оболочками для существующих, которые также компенсируют то, как браузеры интерпретируют различные команды.
Вы должны иметь возможность искать все методы, которые у вас есть в этом блоке, и пока вы там находитесь, читайте о том, что может отличаться, если вы используете IE6 в отличие от chrome.

Вот вам быстрый старт: 

document.addEventListener("DOMContentLoaded", function(event) {
  var aboutme = document.getElementById('about').offsetTop;
  var project = document.getElementById('jobs').offsetTop;
  var contactme = document.getElementById('contact').offsetTop;      

  // you can lookup the rest
}