Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Иконка при overflow: hidden;

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

xocotl

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите пожалуйста как сделать, чтобы когда блок уходил под overflow: hidden; то появлялась иконка "прокрутить".
не могу найти подобное решение в сети.  
Видимо не правильно формулирую вопрос.  
Есть меню. Когда экран сужается то меню уходит под обрамляющий блок и людям надо показать в этот момент иконку "прокрутить пальцем"  

Всего записей: 32 | Зарегистр. 17-02-2017 | Отправлено: 15:34 03-02-2019 | Исправлено: xocotl, 15:36 03-02-2019
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xocotl
с помощью js проверять размер блока - если больше размеров экрана или видимой области, то делать что хочется.

Всего записей: 15038 | Зарегистр. 20-09-2014 | Отправлено: 18:39 03-02-2019
xocotl

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii Спасибо большое, у меня все плохо с js....  
Давайте я по другому сформулирую вопрос.
 
Сколько будет стоить написать скрипт вот для этого меню?
https://jsfiddle.net/xocotl/621yozvw/22/
 
Нужно чтобы когда масштабируется экран и меню "уходит в overflow" появились кнопки прокрутки, при нажатии на которых меню начинало прокручиваться.
Причем если меню в положении, когда оно может прокрутиться влево и вправо - то появляются 2 кнопки (влево и вправо) .  
Если меню в крайнем левом положении то видна только кнопка  "вправо", а если в крайнем правом положении то видна только кнопка  "влево".
 
И еще момент скрипт должен срабатывать не на конкретный размер экрана, а на уход блока меню в невидимую область.  
 
 

Всего записей: 32 | Зарегистр. 17-02-2017 | Отправлено: 14:49 04-02-2019
xocotl

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Может кто-то за деньги скрипт написать?

Всего записей: 32 | Зарегистр. 17-02-2017 | Отправлено: 00:08 06-02-2019
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xocotl
смотрите исходный код, скопируете, может у вас получится доработать
http://br-andy.de/ff/i_0002.html
 
Добавлено:
PS: похоже ещё не во всех браузерах одинаково работает

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 20:22 07-02-2019
xocotl

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262
Спасибо, что откликнулись. Но попробовал на 4 браузерах не сработало (. Кнопки не появились. Или я что то не понял... Сколько стоит доработать до конца этот скрипт?

Всего записей: 32 | Зарегистр. 17-02-2017 | Отправлено: 01:01 08-02-2019
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xocotl
 
смотрите сейчас, кнопки появляются, но нету функции прокрутки
http://br-andy.de/ff/i_0003.html
http://br-andy.de/ff/i_0004.html
 
у меня в данный момент времени нету

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 04:16 08-02-2019 | Исправлено: vs6262, 04:26 08-02-2019
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xocotl
 
уменьште окно браузера и посмотрите.
если хотите дайте плиз в ПМ Ватсап, доделаем и подстроим под ваши нужды
а с деньгами, как посчитаете нужным.
http://br-andy.de/ff/i_0005.html  
 
Добавлено:
вот получше
http://br-andy.de/ff/i_0006.html
http://br-andy.de/ff/i_0007.html

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 17:25 08-02-2019 | Исправлено: vs6262, 18:42 08-02-2019
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
http://br-andy.de/ff/i_0011_OK.html
 
Добавлено:
http://br-andy.de/ff/i_0012_OK.html  - with unException and Isolation my JS from other JS

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 04:23 13-02-2019 | Исправлено: vs6262, 19:04 13-02-2019
xocotl

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262 Классно работает! Так как я и хотел! Спасибо большое. Теперь осталось мне на свой сайт все интегрировать

Всего записей: 32 | Зарегистр. 17-02-2017 | Отправлено: 09:57 14-02-2019
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xocotl
Спасибо! и за $ хоть 2х пиццы закажу

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 14:08 14-02-2019
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
http://br-andy.de/ff/i_0016_OKOK.html
 
- улучшил
 
Добавлено:
добавил: z-index:800;
http://br-andy.de/ff/i_0017_OKOK.html
 
Добавлено:
http://br-andy.de/ff/i_0018_OKOK.html

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 14:32 01-03-2019 | Исправлено: vs6262, 14:54 01-03-2019
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Https://www.a-breil.de/f6/i_0022_OKOK.html

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 14:48 07-04-2019
victoriabonya1978

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
overflow: hidden;  
Нужно заменить на  
overflow:scroll;  
а именно  
overflow-y:scroll;

Всего записей: 11 | Зарегистр. 25-02-2020 | Отправлено: 17:49 25-02-2020
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Иконка при overflow: hidden;


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru