‘орум ѕолезности ‘орум ѕолезности
»нтересный форум с полезной дл€ вас информацией
 „ат      ѕомощь      ѕоиск      ѕользователи      BanList


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

> ќписание: Ќеобходимо реализовать горизонтальную прокрутку дл€ мобильных устройств, как в Google
Admin
ќтправлено: 20 январ€, 2018 - 00:30:17
Post Id



јдминистратор
”ченик 5-класса





ѕросматривает форум
—ообщений всего: 138
ƒата рег-ции: ƒек. 2017  
–епутаци€: 0
 арма 0




»деальный вариант на CSS. Jquery тоже приветствуетс€. ѕримерный код:
CODE:
<div class="row mobile_menu">
<div id="menu_mobile" class="col-lg-5 col-md-7 col-sm-11 col-xs-10">
<span><a href="#" class="active">¬—≈</a></span>
<span><a href="#">Ќќ¬ќ—“»</a></span>
<span><a href="#"> ј–“»Ќ »</a></span>
<span><a href="#">¬»ƒ≈ќ</a></span>
<span><a href="#"> ј–“ј</a></span>
</div>
</div>

CODE:
.mobile_menu{
position:relative;
color: #545454;
margin-left: 0;
margin-right: 0;
height: 30px;
margin-top: 75px;
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
font-size: 1.3em;
overflow:hidden;
}
.mobile_menu span{
padding-bottom: 4.5px;
padding-left: 3%;
}
.mobile_menu span a{
color:#777;
text-decoration: none;
}
.mobile_menu span .active{
color:#4286f5;
border-bottom: 2px solid #4286f5;
}
#menu_mobile{
position:absolute;
width: 500px;
overflow-x: scroll;
overflow-y: hidden;
}


-----
(дл€ просмотра ссылки ¬ам необходимо авторизоватьс€)
 
—траниц (1): [1]
—ейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« css скрипты дл€ сайта »


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



–ѓ–љ–і–µ–Ї—Б.–Ь–µ—В—А–Є–Ї–∞ –Ш–љ–і–µ–Ї—Б —Ж–Є—В–Є—А–Њ–≤–∞–љ–Є—П.
Powered by ExBB FM 1.0 Final