Форум Сайтостроение Веб-строительство

SOS: Media Quries, Java - Помогите чайнику :D

LH
На сайте с 26.09.2013
Offline
89
Leonid H
741

Здравствуйте!

Помогите, пожалуйста с кодом.

Есть Java скрипт определяющий настройки плагина. Как лучше сделать, чтобы при разрешении экрана меньше 640 px, параметр autoScrolling менялся с true на false ???

Сам скрипт:

<script>

$(document).ready(function() {

$('#fullpage').fullpage({

//Scrolling

css3: true,

scrollingSpeed: 700,

autoScrolling: true,

fitToSection: true,

fitToSectionDelay: 1000,

scrollBar: false,

easing: 'easeInOutCubic',

easingcss3: 'ease',

loopBottom: false,

loopTop: false,

loopHorizontal: true,

continuousVertical: true,

normalScrollElements: '#element1, .element2',

scrollOverflow: true,

touchSensitivity: 15,

normalScrollElementTouchThreshold: 5,

});

});

</script>

archibalds
На сайте с 10.03.2012
Offline
51
archibalds
#1 


  $(document).ready(function() {

    $('#fullpage').fullpage({

      //Scrolling

      css3: true,

      scrollingSpeed: 700,

      autoScrolling: function() {

        if ($(document).width() <= 640)

          return false;

        return true;

      },

      fitToSection: true,

      fitToSectionDelay: 1000,

      scrollBar: false,

      easing: 'easeInOutCubic',

      easingcss3: 'ease',

      loopBottom: false,

      loopTop: false,

      loopHorizontal: true,

      continuousVertical: true,

      normalScrollElements: '#element1, .element2',

      scrollOverflow: true,

      touchSensitivity: 15,

      normalScrollElementTouchThreshold: 5,

    });

  });
Верстка макетов, интеграция с wordpress и modx, написание скриптов, опыт более 6 лет (/ru/forum/999087)
LH
На сайте с 26.09.2013
Offline
89
Leonid H
#2
archibalds:

  $(document).ready(function() {

    $('#fullpage').fullpage({

      //Scrolling

      css3: true,

      scrollingSpeed: 700,

      autoScrolling: function() {

        if ($(document).width() <= 640)

          return false;

        return true;

      },

      fitToSection: true,

      fitToSectionDelay: 1000,

      scrollBar: false,

      easing: 'easeInOutCubic',

      easingcss3: 'ease',

      loopBottom: false,

      loopTop: false,

      loopHorizontal: true,

      continuousVertical: true,

      normalScrollElements: '#element1, .element2',

      scrollOverflow: true,

      touchSensitivity: 15,

      normalScrollElementTouchThreshold: 5,

    });

  });

Здравствуйте! Спасибо за ответ, но ваше решение не работает.

siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#3

autoScrolling: ($(document).width() <= 640) ? false : true,

LH
На сайте с 26.09.2013
Offline
89
Leonid H
#4
siv1987:
autoScrolling: ($(document).width() <= 640) ? false : true,

Спасибо за ответ, ваше тоже не работает.

В общем путем долгих поисков выяснилось, что работает это:

window.onresize = function() {

if (this.innerWidth < 640) {

$.fn.fullpage.setAutoScrolling(false);

} else {

$.fn.fullpage.setAutoScrolling(true);;

}

}

допустим я ставлю разрешение 1024, прокрутка плавная,

начинаю тянуть браузер - прокрутки нет, НО

когда я изначально выставляю в разрешении <640px, то прокрутка есть,

необходимо обновлять страницу. Тогда фиксируется функция false.

На другом форуме посоветовали

Цитата:

"добавьте в блок ready после $('#fullpage').fullpage({ ... }):"

Как это сделать?

P.S Мне нужно, чтобы пользователь зашел с мобильного и не было плавной прокрутки.

Вопрос про background в О шрифтах и разрешении Подскажите по JavaScriptу, -1
siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#5
Leonid H:
Спасибо за ответ, ваше тоже не работает.
Leonid H:
В общем путем долгих поисков выяснилось, что работает это:
window.onresize

http://www.w3schools.com/jsref/event_onresize.asp

W3C:

The onresize event occurs when the browser window has been resized.

Естественно "работать" не будет.

"Тянуть" браузер не нужно. Смотреть нужно при загрузке страницы.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий