Рубрика: JS

Плавная прокрутка

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
    //Плавная прокрутка
    var linkNav = document.querySelectorAll('[href^="#block-"]'),
        V = 0.3; // скорость, может иметь дробное значение через точку
        for (var i = 0; i < linkNav.length; i++) {
            linkNav[i].addEventListener('click', function(e) {
                e.preventDefault();
            var w = window.pageYOffset, // прокрутка
            hash = this.href.replace(/[^#]*(.*)/, '$1'); // id элемента, к которому нужно перейти
            t = document.querySelector(hash).getBoundingClientRect().top, // отступ от окна браузера до id
            start = null;
            requestAnimationFrame(step); // подробнее про функцию анимации [developer.mozilla.org]
            function step(time) {
                if (start === null) start = time;
                var progress = time - start,
                r = (t < 0 ? Math.max(w - progress / V, w + t) : Math.min(w + progress / V, w + t));
                window.scrollTo(0, r);
                if (r != w + t) {
                    requestAnimationFrame(step)
                } else {
                    //location.hash = hash // URL с хэшем
                }
            }
        }, false);
        }

 

Скролинг

JavaScript
1
2
3
4
5
6
7
8
//
$(window).scroll(function(){
   if ( $(window).scrollTop() >= 300 ){
      $('.up').addClass('active');
   }else {
  $('.up').removeClass('active');
   }
});

 

Событие при прокрутке колеса мыши

https://github.com/jquery/jquery-mousewheel http://javascript.ru/forum/jquery/39498-kak-otsledit-storonu-prokrutki-kolesika-myshi-vverkh-vniz.html

JavaScript
1
2
3
4
   $('body').mousewheel(function(event, delta, deltaX, deltaY) {
   $(this).html($(this).html()+(delta > 0?' up':' down'))
   return false;
   })

 

Блокируем правую кнопку мыши на сайте

JavaScript
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
//блокируем правую кнопку мыши
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu() {
event.cancelBubble = true, event.returnValue = false;
return false;
}
function norightclick(e) {
if (window.Event) {
if (e.which == 2 || e.which == 3) return false;
}
else if (event.button == 2 || event.button == 3) {
event.cancelBubble = true, event.returnValue = false;
return false;
}
}
if (document.layers)
document.captureEvents(Event.MOUSEDOWN);
document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
document.onmouseup = norightclick;

 

Маска телефона js

JavaScript
1
$("#phone1").mask("+7 (999) 999-9999");

скачать и подключить

1
https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js