Как сделать элемент блочным при 692 по 1024 пикселов?

@TVPNERO · Регистрация: 29.03.2016

Студворк — интернет-сервис помощи студентам

Как сделать элемент блочным (раздел доставка и оплата--на скрине указал) с 692 по 1024 пикселов?
Сайт
http://www.tvpnero.ho.ua/scrol... i_try.html

Задача была такая--сделать чтоб раздел доставка и оплата делался невидимым при заходе на страницу и появлялся только
при скролле вниз.И это у меня получилось,но нужно чтоб при разрешении с 692 по 1024 пикселов раздел сразу был видимым даже без прокрутки (display:block).

Дело в том что правила медиазапросов там почему то блокируются.

Поэтому я там прописал такой скрипт(для появления при скролле) и добавил класс mov в раздел и прописал следующие стили(то есть при скролле добавляется клас on и элемент стает блочным.)

CSS
1
2
3
4
5
6
7
8
.mov{
display: none;
 
}
 
.on{
    display: block;
}

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$(window).scroll(function(){
$('.mov').each(function(){
    var imagePos=$(this).offset().top;
    var topOfWindow=$(window).scrollTop();
    if(imagePos<topOfWindow+200){
        $(this).addClass('on');
    }
 
});
 
 
});

не знаю в какой раздел кидать тему--так как медиазапросы не работают то может как то джаваскрипт тут может помочь

@TVPNERO · 12.12.2016, 12:19 **[ТС]**

скрин

@vettel · 12.12.2016, 21:47

TVPNERO, попробуйте не $(window).scrollTop(), а $('html, body').scrollTop() .

@TVPNERO · 12.12.2016, 22:22 **[ТС]**

vettel, поставил я так но клас хайден на клас ОН не меняется

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$(window).scroll(function(){
$('.hidden-sm').each(function(){
    var imagePos=$(this).offset().top;
    var topOfWindow=$('html, body').scrollTop();
    if(imagePos<topOfWindow+200){
            $(this).addClass('on');
    }
 
});
 
 
});

@vettel · 12.12.2016, 23:29

Сообщение от TVPNERO

клас хайден на клас ОН не меняется

а где вы в коде меняете класс? В коде вы только добавляете его:

JavaScript
1
$(this).addClass('on')

, но при этом не убирая старый. Чтобы убрать старый, нужно что-то в стиле

JavaScript
1
$(this).removeClass('hidden-sm').addClass('on');

@TVPNERO · 13.12.2016, 13:57 **[ТС]**

vettel, спасибо.

очень помогли.

Добавлено через 41 минуту
vettel, теперь класс подставляется но почемуто не действует класс hidden-md для скрытия блока при великих разрешениях

Добавлено через 7 минут
vettel, но на локальном класс подставляется сразу без прокрутки.

а на сервере класс вообще не подставляется--хоть всюду джиквери включен.

@vettel · 13.12.2016, 15:18

Сообщение от TVPNERO

vettel, теперь класс подставляется но почемуто не действует класс hidden-md для скрытия блока при великих разрешениях

Ну наверное потому, что вы его удалили? Метод removeClass удаляет класс безвозвратно.
Для его возвращения нужно делать обратную проверку - если окно маленькое, добавлять класс обратно.

По остальным вопросам ничего не скажу - нужно смотреть код, заниматься отладкой, смотреть консоль.

@TVPNERO · 13.12.2016, 17:41 **[ТС]**

vettel, нет класс hidden-md удаляется при скролле страницы и потом подставляется класс on тут скрипт работает нормально.А вот на сервере почему то не подставляет.

vettel, http://www.tvpnero.ho.ua/scrol... i_try.html

вот файл с кодом, файл tri_try

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Сборка библиотек SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия SDL 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual. . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .

@TVPNERO 9 / 8 / 12 Регистрация: 29.03.2016 Сообщений: 1,154
	12.12.2016, 12:19 [ТС]
	скрин Миниатюры 0

@vettel 84 / 84 / 41 Регистрация: 14.02.2015 Сообщений: 320
	12.12.2016, 21:47
	TVPNERO, попробуйте не $(window).scrollTop(), а $('html, body').scrollTop() . 1

@TVPNERO 9 / 8 / 12 Регистрация: 29.03.2016 Сообщений: 1,154
	13.12.2016, 13:57 [ТС]
	vettel, спасибо. очень помогли. Добавлено через 41 минуту vettel, теперь класс подставляется но почемуто не действует класс hidden-md для скрытия блока при великих разрешениях Добавлено через 7 минут vettel, но на локальном класс подставляется сразу без прокрутки. а на сервере класс вообще не подставляется--хоть всюду джиквери включен. 0