Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: scrollbar в select

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
kosik82
Отправлено: 02 Января, 2014 - 19:26:47
Post Id


Гость


Покинул форум
Сообщений всего: 125
Дата рег-ции: Апр. 2012  


Помог: 0 раз(а)




может не совсем по теме форума, но все же,
как скрыть scrollbar в select?
он очень портит вид.
Прикреплено изображение
sele.JPG

(Отредактировано автором: 02 Января, 2014 - 19:27:07)

 
 Top
IllusionMH
Отправлено: 02 Января, 2014 - 19:28:54
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




kosik82, а как угадать что там есть еще варианты не видя полосы прокрутки?
Нарисовать свой кастомный "выпадающий список" или использовать плагины(для jQuery их куча)
 
 Top
kosik82
Отправлено: 02 Января, 2014 - 19:30:24
Post Id


Гость


Покинул форум
Сообщений всего: 125
Дата рег-ции: Апр. 2012  


Помог: 0 раз(а)




IllusionMH пишет:
kosik82, а как угадать что там есть еще варианты не видя полосы прокрутки?
Нарисовать свой кастомный "выпадающий список" или использовать плагины(для jQuery их куча)


перефразирую, когда полоса прокрутки не активна.
желательно без jQuery, только на стилях.
 
 Top
IllusionMH
Отправлено: 02 Января, 2014 - 19:36:32
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




kosik82, все равно придется рисовать свой. Этот элемент даже не имеет Shadow DOM в котором можно было бы попытаться найти сколл.
 
 Top
kosik82
Отправлено: 02 Января, 2014 - 19:40:01
Post Id


Гость


Покинул форум
Сообщений всего: 125
Дата рег-ции: Апр. 2012  


Помог: 0 раз(а)




IllusionMH пишет:
kosik82, все равно придется рисовать свой. Этот элемент даже не имеет Shadow DOM в котором можно было бы попытаться найти сколл.


для остальных же подходит overflow: hidden;
неужели для селекта ничего нет?
 
 Top
IllusionMH
Отправлено: 02 Января, 2014 - 19:44:45
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




kosik82, нет
 
 Top
kosik82
Отправлено: 02 Января, 2014 - 20:27:51
Post Id


Гость


Покинул форум
Сообщений всего: 125
Дата рег-ции: Апр. 2012  


Помог: 0 раз(а)




IllusionMH пишет:
kosik82, нет


нет, нет, можно!!!

нашел кусок кода, где скрыта полоса прокрутки.
и только на стилях.
CODE (html):
скопировать код в буфер обмена
  1. <style type="text/css">
  2. .styled-select {
  3.    width: 240px;
  4.    height: 50px;
  5.    overflow: hidden;
  6.    border: 1px solid #ccc;
  7. }
  8. .styled-select select {
  9.    background: transparent;
  10.    width: 268px;
  11.    padding: 5px;
  12.    border: 0;
  13.    font-size: 16px;
  14.    line-height: 1;
  15.    height: 50px;
  16.    -webkit-appearance: none;
  17. }
  18.  
  19. .styled-select select:focus {
  20.    outline: none;
  21. }
  22.  
  23. </style>
  24.  
  25. <div class="styled-select">
  26. <select size="4">
  27. <option>Here is the first option</option>
  28. <option>The second option</option>
  29. </select>
  30. </div>
 
 Top
IllusionMH
Отправлено: 02 Января, 2014 - 22:58:46
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




kosik82, ну тогда уже лучше вот этот метод
http://stackoverflow[dot]com/questio[dot][dot][dot]n-select-element

Здесь нормально подгоняется по ширине содержимого, хотя и имеет проблемы с отображением полей в выбранных элементах.
Но все равно скоролл как был, так и остается на месте

(Отредактировано автором: 02 Января, 2014 - 23:11:11)

 
 Top
kosik82
Отправлено: 03 Января, 2014 - 13:35:41
Post Id


Гость


Покинул форум
Сообщений всего: 125
Дата рег-ции: Апр. 2012  


Помог: 0 раз(а)




IllusionMH пишет:
kosik82, ну тогда уже лучше вот этот метод
http://stackoverflow[dot]com/questio[dot][dot][dot]n-select-element

Здесь нормально подгоняется по ширине содержимого, хотя и имеет проблемы с отображением полей в выбранных элементах.
Но все равно скоролл как был, так и остается на месте


меня мною найденный метод устраивает. он как раз прячет за слоем. и проблем с отображением полей я не вижу.
Прикреплено изображение
1.JPG
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB