Как сделать конвертацию с JQuery в JavaScript?

Question

[Toy Boy]

$(document).ready(function($) {

    $(window).on('scroll', function() {

      //ADD .TIGHT
      if ($(window).scrollTop() + $(window).height() > $('.wrapper').outerHeight()) {
        $('body').addClass('tight');
        $('.arrow').hide();
      } else {
        $('body').removeClass('tight');
        $('.arrow').show();
      }
    });

    //BACK TO PRESENTATION MODE
    $("html").on("click", "body.tight .wrapper", function() {
      $('html, body').animate({
        scrollTop: $('.wrapper').outerHeight() - $(window).height()
      }, 500);
    });

  });

  $('.arrow').click(function(){
     $("html").animate({ scrollTop: $('html').prop("scrollHeight")}, 1200);
});

// header
jQuery(function ($) {
  $(window).scroll(function () {
      if ($(this).scrollTop() > 185) {
          $('.app-header').addClass('app-header--active');
      } else if ($(this).scrollTop() < 185) {
          $('.app-header').removeClass('app-header--active');
      }

  });
});

Comments

[Михаил]

изучить js

[Yupiter7575]

А все. А надо было раньше думать

[Froggyweb]

а зачем?

[Toy Boy]

Froggyweb, Lightroom ругается(

[Froggyweb]

Toy Boy, хм на что? на jquery?
скорее предупреждает, что событие скролл - затратное.
animate - нафиг его для нормальных браузеров.\
странно что все вешается на html

[Froggyweb]

Yupiter7575,
заблокировать Jquery?

Answer 1

[WbICHA]

youmightnotneedjquery.com/

Answer 2

[zkrvndm]

jQuery как бы и так написан на JavaScript и не нуждается в конвертации)

Comments

[Froggyweb]

он требует подключение библиотек. Например Jqery. решать должен разработчик. если его парит 80 килобайт jquery и не парит картинка на 5 метров на мобилке - он мудак. если jq не вписывается в проект, например там Vueь React или веганы, то да.... переписывать
но вопрос о другом....