Что мне делать, если у меня есть эффект прокрутки на странице, и пользователь или уменьшил масштаб, или имеет большое разрешение?

0

Я включаю эффекты прокрутки во многих моих веб-страницах. Например, я бы сделал:

$(window).scroll(function(){
  if($(window).scrollTop() > 400){
    $(".SOME_DIV").fadeIn(300);
  }
});

Это отлично работает на моем экране, но как насчет других? У разных людей разные размеры экрана, а некоторые люди уменьшают масштаб, поэтому события прокрутки запускаются по-другому или запускаются вообще. Есть ли другой способ создания событий прокрутки, или я просто не буду их использовать?

  • 0
    Ничего особенного вы не сможете сделать, если не будете работать с процентами, то есть возьмите размер экрана и вычислите 10% и после 10% затухания в объекте.
Теги:
scroll
web

1 ответ

0
Лучший ответ

Я использую этот плагин под названием Skrollr:

http://prinzhorn.github.io/skrollr/

Вы можете настроить его на работу, чтобы события запускались, когда определенные элементы достигались при прокрутке и очень гибкие. Например, вы можете затухать div, когда он находится в центре страницы, или 200px от центра страницы, или когда он достигает верхней части страницы, или когда он занимает 147px в верхней части страницы. Вы поняли.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню