|
2 / 2 / 0
Регистрация: 25.07.2015
Сообщений: 20
|
|||||||||||
При скроле сайдбар прилипает к низу страницы11.01.2017, 07:50. Показов 4883. Ответов 8
Метки нет (Все метки)
Народ, помогите, весь инет перерыл, но ничего подходящего не нашёл!!
Может кто встречал подобное или же выделит пять минут, чтобы набросать то, что мне необходимо - буду БЕЗМЕРНО благодарен!! Можно сказать, что это вопрос жизни и смерти!! Есть разметка:
При прокрутке страницы вниз, сайдбар опускается до тех пор пока нижний его край не достигнет низа экрана и "залипает", в то время как колонка с контентом продолжает прокручиваться далее, но есть пара моментов: 1. При высоте сайдбара менее высоты экрана, он прилипает не к низу экрана, а к верху. 2. Сайт адаптивный, а значит, необходимо чтобы при уменьшении экрана до некоторой ширины, сайдбар прекращал "залипать". Эм, прошу прощения, залипать должен не сам сайдбар, а блок "sticky", внутри которого находятся прочие блоки...
0
|
|||||||||||
| 11.01.2017, 07:50 | |
|
Ответы с готовыми решениями:
8
Текст не прилипает к картинке в боковой панели страницы Как создать второй сайдбар? у меня есть один сайдбар правый сайдбар, а мне нужен ещё и левый |
|
|
||
| 11.01.2017, 11:40 | ||
|
0
|
||
|
2 / 2 / 0
Регистрация: 25.07.2015
Сообщений: 20
|
|||||||
| 12.01.2017, 06:01 [ТС] | |||||||
|
fol, спасибо тебе огромное, что ещё раз носом ткнул!! ![]() Добавлено через 7 минут Народ, ещё один вопрос и тему можно закрывать.. Подмогите дописать скрипт!!! Нужно сделать так, чтобы при уменьшении окна браузера до определённой ширины, плавающий блок переставал таковым являться (для адаптивной вёрстки требуется)... Вот сам скрипт
0
|
|||||||
|
|
||||||
| 12.01.2017, 18:02 | ||||||
|
1. Для благодарности есть кнопка "спасибо"
2. Для того, чтобы блок перестал быть плавающим, дописать
для того, чтобы работало при ресайзе окна браузера, ту же функцию повесить на событие $(window).resize() с проверкой на ширину окна
1
|
||||||
|
2 / 2 / 0
Регистрация: 25.07.2015
Сообщений: 20
|
||
| 13.01.2017, 04:40 [ТС] | ||
|
Эм, дружище, извини... я ноль в java (все мои знания основываются на методе тыка)..
![]() Я взял код скрипта плавающего блока, вставил в тот код что предоставил мне ты.. в общем и так работает, правда есть на мой взгляд один несущественный недостаток (блок открепляется только после того как уменьшишь ширину окна браузера И ПЕРЕЗАГРУЗИШЬ страницу, что в моём случае правда не фатально), а вот по поводу Добавлено через 11 минут А, врубился что ты хотел этим сказать.. и всё же не в ехал что и куда повесить..
0
|
||
|
|
||||||
| 13.01.2017, 19:53 | ||||||
|
Ну, для начала не java, а javascript, это принципиально разные языки программирования. Потом методом тыка будешь очень долго осваивать, т.к. надо знать синтакис.
далее $(window).resize() - событие изменения окна браузера чтобы при ресайзе отрабатывал скрипт, удаляй/добавляй класс или айди у блока, на который вешаешь скрипт плавающего блока
0
|
||||||
|
2 / 2 / 0
Регистрация: 25.07.2015
Сообщений: 20
|
||||
| 14.01.2017, 08:51 [ТС] | ||||
|
0
|
||||
|
0 / 0 / 0
Регистрация: 02.07.2018
Сообщений: 1
|
|
| 02.07.2018, 15:10 | |
|
Доброго времени суток. Друзья, простите за некропостинг. Попытался прикрутить к сайту на WP 8 вариант с длинным сайтбаром из данной статьи. Сайтбар стал плавающим, однако, при скролле вниз и прилипании к нижней части экрана он почему-то начинает дергаться. Не подскажите, в чем может быть дело и где в коде внести исправления.
0
|
|
|
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
|
|
| 02.07.2018, 16:22 | |
|
Vilivonka, я бы посоветовал тему создать- больше вероятность ответа.
1
|
|
| 02.07.2018, 16:22 | |
|
Помогаю со студенческими работами здесь
9
В самом низу страницы появляется пустота, но только при развороте Как сделать в JasperReports чтобы текст отображался в самом низу страницы при выгрузке из системы отчета в формате HTML? Переместить сайдбар в шаблоне страницы Сайдбар выделение выбраной страницы Заполнить цветом сайдбар до конца страницы Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
||||
|
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Нашел на реддите интересную статью под названием «Кто-нибудь знает, где получить бесплатный компьютер или. . .
|
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод
Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод.
Thinkpad X220 Tablet —. . .
|
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта
Симптом:
После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
|
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
|
Новый ноутбук
volvo 07.12.2025
Всем привет.
По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне:
Ryzen 5 7533HS
64 Gb DDR5
1Tb NVMe
16" Full HD Display
Win11 Pro
|
|
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
|
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
|
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов
На странице:
https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/
нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
|
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов.
. . .
|
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
|