Как заставить Nicescroll работать только на экранах определенного размера (770px и выше) - PullRequest
Новая
       19

Как заставить Nicescroll работать только на экранах определенного размера (770px и выше)

0 голосов
/ 28 мая 2019

Мне нужно отключить плагин NiceScroll, когда он достигает размера экрана 992px и меньше, так как он портит мое меню на мобильных устройствах, затрудняя прикосновение к ссылкам. Я новичок в javascript и jQuery, поэтому ваша помощь приветствуется. 

$(function() {
  var largeScreen = false;

  $(document).ready(function() {
    if ($(window).width() > 992) {
      largeScreen = true;
    }
  });

  $(window).resize(function() {
    if ($(window).width() > 992) {
      largeScreen = true;
    } else {
      largeScreen = false;
    }
  });

  function doSomething() {
    if (largeScreen) {
      $("body").niceScroll({
        cursorcolor: "#1f3677",
        cursorborder: "2px solid #E8E8E8",
        cursorwidth: "10px",
        cursorfixedheight: 200,
        railpadding: {
          top: 0,
          right: 5,
          left: 0,
          bottom: 0
        },
        zIndex: 1,
        //emulatetouch: true,
        cursordragontouch: false,
        disableoutline: true,
        enablekeyboard: true,
        enableobserver: true,
      });

      $(".calendar-info").niceScroll({
        cursorcolor: "#1f3677",
        cursorborder: "1px solid #E8E8E8",
        cursorwidth: "5px",
        cursorfixedheight: 200,
        railpadding: {
          top: 0,
          right: 2,
          left: 0,
          bottom: 0
        },
        autohidemode: false,
        //emulatetouch: true,
        disableoutline: true,
      });
    }
  }
});
...