Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.05.2018, 14:22
Интересующийся
Отправить личное сообщение для bipib Посмотреть профиль Найти все сообщения от bipib
 
Регистрация: 04.12.2017
Сообщений: 13

scroll после resize
$(window).resize(function () {

	if (width => 1221) {
		$(window).scroll(function(){
		  var sticky = $('.sticky'),
			  scroll = $(window).scrollTop(),

		  if (scroll >= 100) { 
			sticky.addClass('fix-cart');
		  } else {
			sticky.removeClass('fix-cart');
		  }

		});
	}
});

нужно что заработал такой код. Как сделать правильным - чтобы после проверки условия ширины окна выполнялось условие по скролу
Ответить с цитированием
  #2 (permalink)  
Старый 24.05.2018, 14:27
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,706

Так?
$('html,body').scroll(function() {
    if ($(window).width() >= 1221)
        $('.sticky')[($('html,body').scrollTop() >= 100 ? 'add' : 'remove') + 'Class']('fix-cart');
});
Ответить с цитированием
  #3 (permalink)  
Старый 24.05.2018, 14:32
Интересующийся
Отправить личное сообщение для bipib Посмотреть профиль Найти все сообщения от bipib
 
Регистрация: 04.12.2017
Сообщений: 13

Сообщение от Nexus Посмотреть сообщение
Так?
$('html,body').scroll(function() {
    if ($(window).width() >= 1221)
        $('.sticky')[($('html,body').scrollTop() >= 100 ? 'add' : 'remove') + 'Class']('fix-cart');
});
Вроде тоже хорошо. Решил только что так
$(window).scroll(function(){
  var sticky = $('.sticky'),
	  scroll = $(window).scrollTop();

  if (scroll >= 100 && window.innerWidth > 1220) { 
	sticky.addClass('fix-cart');
  } else {
	sticky.removeClass('fix-cart');
  }

});
тоже работает как надо
Ответить с цитированием
  #4 (permalink)  
Старый 24.05.2018, 14:37
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,706

В Safari, по-моему, проблемы с обработкой window.scroll.
Ответить с цитированием
  #5 (permalink)  
Старый 24.05.2018, 14:39
Интересующийся
Отправить личное сообщение для bipib Посмотреть профиль Найти все сообщения от bipib
 
Регистрация: 04.12.2017
Сообщений: 13

какие? а как проверить?
Ответить с цитированием
  #6 (permalink)  
Старый 24.05.2018, 14:50
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,706

bipib, я не уверен в этом, но, опять же по-моему, в сафари обработчик скролла повешанный на глобальный объект window не срабатывает.
Не помню точно со скроллом там проблемы или с чем-то другим.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ссылка обрабатывается/отображается после обновления страницы Kimtom Общие вопросы Javascript 3 14.04.2014 15:03
resize div после ajax запроса Mukhtar AJAX и COMET 6 01.12.2013 00:39
Повернуть изображение после его загрузки (jquery) art_maestro jQuery 0 13.09.2012 21:50
Запуск функции после ресайзинга странички dummer232 jQuery 2 30.09.2010 16:23
Добавить кнопку после каждой ссылки… exec jQuery 0 21.01.2010 18:18