< ClearExperience >

Редакция:	06.04.2023
Теги:	JQuery

При прокрутке

Основа для скрипта выполняющего какие либо действия при прокрутке страницы.

Конкретно этот кусок кода добавляет тегу body класс scrolled после того как экран будет прокручен на after пикселей.

JQuery

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

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

// Константы

$W = $(window);

$B = $('body');

// При прокрутке

(function(){

let mark = 'scrolled',

after = 0,

doing = false;

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

if (doing) return;

doing = true;

if ($W.scrollTop() > after) {

$B.addClass(mark);

}

else {

$B.removeClass(mark);

}

doing = false;

});