Горизонтальное скроллинг меню html

Актуально для отображения на мобильных устройствах, когда нужно сделать горизонтальное меню, а не раскрывающееся, которое прокручивается вправо и влево.

В место, где должно отображаться меню, добавляем код:

<header class="scroll1"><nav><a href="/ссылка на страницу">Меню1</a><a href="/">Меню2</a><a href="/">Меню3 </a><a href="/">Меню4</a><a href="/">Меню5</a><a href="/">Меню6</a></nav></header>


Прописываем CSS стили:

<style scoped="scoped" type="text/css"><!--

.scroll1 {

white-space: nowrap;

font-size: 20px;

background: #2f2f2f;


padding: 20px 10px;

text-transform: uppercase;

overflow-x: auto;

-webkit-overflow-scrolling: touch;

-ms-overflow-style: -ms-autohiding-scrollbar; }

.scroll1 a {

color: #fff;

margin-right: 15px;




Пример использования:

Читайте также:

комментарий 61

  1. Unquestionably believe that which you said. Your favorite reason seemed to be on the net the simplest thing to be aware
    of. I say to you, I certainly get annoyed
    while people consider worries that they just do not know about.
    You managed to hit the nail upon the top and defined out
    the whole thing without having side-effects , people can take a signal.
    Will likely be back to get more. Thanks

  2. Wow! In the end I got a webpage from where I be able to
    actually obtain valuable facts regarding my study
    and knowledge.

  3. It’s genuinely very difficult in this active life to listen news on Television, so I just use
    web for that reason, and take the latest information.

  4. I was wondering if you ever thought of changing the layout of
    your website? Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content so people could connect with it better.
    Youve got an awful lot of text for only having one or 2 pictures.

    Maybe you could space it out better?

  5. Thank you for the good writeup. It in fact was a amusement account it.

    Look advanced to more added agreeable from you! However,
    how can we communicate?

  6. Hello there, I do believe your web site could possibly be having internet browser compatibility issues.
    Whenever I take a look at your blog in Safari,
    it looks fine but when opening in Internet Explorer, it has some overlapping issues.
    I simply wanted to provide you with a quick heads up! Apart from that,
    great blog!

  7. Heya i am for the first time here. I found this board and I find It
    really useful & it helped me out a lot. I hope to give something back and help others like you aided me.

  8. My coder is trying to persuade me to move to .net from
    PHP. I have always disliked the idea because of the expenses.
    But he’s tryiong none the less. I’ve been using Movable-type on numerous websites for about a year and
    am worried about switching to another platform. I have heard fantastic things about blogengine.net.
    Is there a way I can transfer all my wordpress content into
    it? Any kind of help would be greatly appreciated!

  9. Dann:

    Hi, this weekend is good in support of me, since this moment i am reading this fantastic informative article here at my home.

  10. Very nice post. I just stumbled upon your blog and wished to
    say that I’ve truly enjoyed surfing around your
    blog posts. After all I will be subscribing to your rss feed and
    I hope you write again very soon!

  11. Spend 10 Minutes Doing This and Double Your Bitcoin and Ethereum
    Click : https://coin2x.org

  12. Hey! I’m an aspiring porn actress. If you want to check it out, register here — https://cutt.ly/AlMd42z I’m there Jane Deep Throat 😉

  13. первостатейный вебресурс https://www.ekolestnica.ru/stupeni-dlya-lestnits.html — ножки для мягкой мебели деревянные, мебель ножки стола

  14. It’s nearly impossible to find knowledgeable people for this subject, however, you seem like you know
    what you’re talking about! Thanks

  15. налоговый вычет 2020 — новости здоровье сегодня, открыть с нуля

  16. осушитель воздуха — подготовка воздуха, манометр купить

  17. Spot on with this write-up, I honestly think this site
    needs a lot more attention. I’ll probably be back again to see more,
    thanks for the info!

  18. She wholeheartedly agrees with the words of the Proverb that says: “The blessing of Jehovah —that is what makes rich, and he adds no pain with it.” —Proverbs 10:22.

    В конце девяностых также в начале нулевых курить Парламент могли позволить себе люди, обладающие высоким достатком.

    Стоимость ее была оценена в сто тысяч долларов. К сожалению, в продажу она в частности также не поступила, скорее, вовеки лишь играла заморочка определенного «витринного экспоната».

    Многие из тех, кто пробовал их сегодня, говорят о том, что это дешевый табак, находящийся перманентно уровне сигарет без фильтра.

    Негативной стороной является то, что ценовая категория у этих сигарет слегка завышена.

    заказать армянские сигареты оптом
    Распад Советского Союза привел к тому, что всегда российском рынке появилось большое изобилие западных продуктов. Среди них появились как и первые иностранные табачные изделия.

    Он такой же состоятельный, как любой вдохновительница в этом городе.

    На протяжении большей частью на смену восьмидесяти лет эти сигареты пользуются огромным спросом, из-за счет своей недорогой цены.

    любителей затянуться папироской было один-два. Ситуация изменилась погодя Первой мировой, когда «никотин для народа» приобрел высокое оборонное роль. Курить начали все — из-за низов до верхов: комиссары, поэты, офицеры, трактористы.

    Как правило, производятся средней крепости или же легкие. Крепкие тонкие сигареты найти полно непросто.

    Данная сфера торговли одна из тех, где доходы компаний превышают несколько миллиардов в год. Несмотря всегда то что многие страны начинают запрещать курение, проводят разные антитабачные компании равным образом мероприятия, популярность табака ничуть не падает.

    Десять лет назад Северная Америка прекратила производство сигарет из-ради запрета.

    Андрей ()   неделю назад Каких только народных средств я не пробовал, ничего не помогает

    Часом закругляйся активность, то выложу еще акций из своего запаса! Всем хороших предстоящих выходных также инвестируйте с умом!??

  19. Новости:
    Кредит без первоначального взноса Банкиры принципиально за то, чтобы при покупке квартиры часть ее стоимости была оплачена заемщиком из собственных средств. Принципиально — в том числе и потому, что взнос из кармана заемщика является в некотором роде свидетельством серьезности намерений клиента, то есть того, что он собирается честно гасить кредит с процентами, и решение взять деньги взаймы было принято им со всей ответственностью.

    Нужен взять кредит онлайн 30000 без отказа? Тебе на сайт и попробуй получить ninlab.online и получи микрокредит до 10000 рублей 100% процентов без проверки КИ без отказа в городе Самара.

    Срочно нужны наличные?
    Hаличные быстро
    Проверок KИ нет. 95% одобрений.

    ПРЕИМУЩЕСТВО МИКРОКРЕДИТА Рынок финансовых услуг предлагает широкий выбор займовых продуктов. Но микрокредиты смело заняли там собственную нишу. И это не случайно, так как микрокредиты по сравнению с другими займовыми продуктами, владеют существенными хорошими качествами. МФО (МФО), дают взаймы на более упрощенных условияхКак получить ссуду за час Ещё сравнительно недавно, если кому-то из россиян срочно нужны были деньги, приходилось долго обзванивать родных, знакомых, друзей или искать подпольного ростовщика. С появлением и развитием банковской системы положение несколько облегчилось…Что такое рефинансирование кредита? Новый заем позволит изменить условия: перенести дату погашения, уменьшить процентную ставку, размер ежемесячного платежа, увеличить срок.

  20. Мобильные деньги Киевстар, МТС, Лайф, Перевод денег с мобильного счета телефона на банковскую карту Visa или MasterCard.
    вывести деньги с мобильного киевстар

  21. мемориал — благоустройство могилы на кладбище, изготовление памятников

  22. This design is steller! You most certainly know how to keep a reader amused.

    Between your wit and your videos, I was almost moved to start my own blog (well,
    almost…HaHa!) Great job. I really enjoyed what you had to say, and more than that, how you presented it.

    Too cool!

  23. It’s going to be end of mine day, except before end I am reading this enormous piece of
    writing to improve my experience.

  24. You really make it seem really easy with your presentation but I in finding this matter to be really one thing that I think I might never understand.
    It sort of feels too complex and very extensive for me.

    I’m taking a look ahead to your next submit, I will try to get the hang of

  25. Угнали автомобиль — Частное расследование москва, Найти человека

  26. Hi, always i used to check weblog posts here early in the morning, since i
    love to learn more and more.

  27. Article writing is also a excitement, if you know then you can write
    otherwise it is complicated to write.

  28. This is a порно very good and trust site!

  29. Всероссийские проверочные работы

    ВПР ответы 7 класс

  30. I’ve read some good stuff here. Definitely price bookmarking for revisiting.

    I wonder how a lot effort you put to make such a magnificent informative site.

    Also visit my webpage … cell phone signal jammer

  31. What’s up, always i used to check blog posts here in the early hours in the break of day, as
    i like to find out more and more.

  32. Wow! This blog looks exactly like my old one! It’s on a entirely different subject but it has pretty much the same layout and design. Superb
    choice of colors!

  33. Hello! Do you know if they make any plugins to assist
    with SEO? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very
    good gains. If you know of any please share. Thank



  35. Wow, fantastic blog layout! How long have you been blogging for?
    you made blogging look easy. The overall look of your website is magnificent, as well
    as the content!

  36. Один из лучших способ заработать в интернете без вложений — писать статьи вследствие деньги. Со временем он может даже заменить работу.

    Единственная сложность: найти актуальный товар в свой черед его поставщика.

    Но даже вследствие такие простые и привычные действия можно получать оплату.

    Делайте упор на выгоде, которую получает заказчик. Например, вы сделаете очень жирно качественно или быстро, дадите дополнительную услугу в подарок в свой черед примерно сказать далее.

    – Привлечение пользователей на сайте бесплатным материалом;
    либо перед тем, как зарабатывать большие деньги, достаточно потратиться на дорогостоящее подготовка;

    На данный дата заработок на ставках в России и Украине легален, поскольку букмекерские конторы получили лицензию на ведение своей деятельности.

    Чаще только обращаются к фрилансерам, поскольку сделать у них сайт намного дешевле, в возмещение в студии.

    Само собой, такой средство никогда не сможет фигура основной работой.

    Еще одна биржа копирайтинга со свободной регистрацией равным образом высокой конкуренцией.

    торговля на Форекс требует регулярности, а значит, и зачисления будут регулярны;

    То, что не требует вложений, то есть ранее ес в готовом виде.

    Сам же песенник инфопродуктов, кроме их создания, служит лицом бренда.

    Фууух… Про инфобизнес – всё. Вы теперь знаете, что такое инфобизнес вдобавок как его начать. Имейте в виду, я предупредила Вас о рисках в свой черед сложностях, сковаться инфобизнесменом или нет – решать Вам.

  37. AileePhype:

    грешным делом, muzmo бесплатная музыка скачать песни https://muzloman.me

  38. Hey There. I found your blog using msn. This
    is a really well written article. I will be sure to bookmark it and come
    back to read more of your useful info. Thanks for the post.
    I’ll certainly return.

  39. Greetings I am so excited I found your webpage, I really found
    you by error, while I was looking on Askjeeve for something else, Regardless I am here now and would just like to say thanks for a marvelous post
    and a all round interesting blog (I also love the theme/design), I don’t have time
    to read it all at the minute but I have book-marked it and also added your RSS
    feeds, so when I have time I will be back to read a great
    deal more, Please do keep up the excellent

  40. What’s Taking place i am new to this, I stumbled upon this I have found It
    absolutely helpful and it has helped me out loads. I’m
    hoping to give a contribution & assist other users like its aided me.
    Good job.

  41. Can I simply just say what a comfort to discover an individual
    who actually understands what they’re talking about over the internet.
    You actually realize how to bring an issue to light and make it important.
    A lot more people must check this out and understand this side of the story.
    It’s surprising you are not more popular because you definitely possess the gift.

  42. I couldn’t refrain from commenting. Very well written!

  43. I think what you posted was actually very reasonable. But, think on this,
    what if you were to write a killer post title? I
    am not saying your information is not solid, however suppose you added a
    post title that makes people want more? I mean Горизонтальное скроллинг меню html — Rivoi is kinda
    vanilla. You ought to peek at Yahoo’s home page and watch how they write article headlines to get people interested.
    You might try adding a video or a picture or two
    to get readers excited about what you’ve got to say.
    In my opinion, it would bring your blog a little livelier.

  44. Somebody necessarily lend a hand to make critically articles I’d state.

    That is the first time I frequented your web page and up to now?
    I surprised with the analysis you made to make this actual
    submit amazing. Wonderful process!

  45. A motivating discussion is worth comment. I do think
    that you need to write more on this subject, it might not be
    a taboo subject but generally folks don’t talk about these topics.
    To the next! All the best!!

  46. ПОРНО PORNO-CHIKS [url=https://porno-chiks.club/]порно первое раз анал домашний[/url] 24 https://porno-chiks.club/categories/%D0%91%D0%BB%D0%BE%D0%BD%D0%B4%D0%B8%D0%BD%D0%BA%D0%B8/ часа в сутки это ТУТ. Бесплотное порно видео доступно круглосуточно [url=https://porno-chiks.club/categories/%D0%9C%D0%BE%D0%BB%D0%BE%D0%B4%D0%B5%D0%BD%D1%8C%D0%BA%D0%B8%D0%B5+%D0%94%D0%B5%D0%B2%D1%83%D1%88%D0%BA%D0%B8/]порно молодые стройные[/url] к просмотру онлайн

  47. Fantastic website. A lot of useful info here. I am sending it to some friends ans additionally
    sharing in delicious. And obviously, thanks to your effort!

  48. Browse over 500 000 of the best porn galleries, daily updated collections

    angels of porn monica sweetheart mommy diaper porn porn clips sharing amsterdam ny porn porn pics of bbqs on imagefap

Добавить комментарий

Ваш адрес email не будет опубликован.

После оплаты вы получите письмо на скачивание 3500 пресетов и инструкцию по их установке



На следующем шаге вам нужно ввести  эл.почту, на которую вы получите пресеты. Нажмите «ОТПРАВИТЬ», чтобы продолжить

*Ваши данные не будут переданы 3 лицам