Jump to content
  • 0

Горизонтальная прокрутка товаров и эффект при наведени


Bryant-24
 Share

Question

Добрый день!

Имеем горизонтальный блок товаров с прокруткой:

4062657.png

Но при наведении необходимо добавлять в каждый товар какой то текст (его свойства), и этот блок должен показываться поверх прокрутки, полностью. Как это можно реализовать?

Ведь если задать общему div:


overflow-x: scroll;

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

Edited by Bryant-24
Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By gosha12
      Всем привет. Скажите, как сделать так чтобы при заполнении блока текстом по горизонтали- происходил перенос строк. Даже если нет пробелов.

      Прокрутка мне нужна, но только вертикальная.

      Вот CSS стили блока 

      article {
      height: 800px;
      width: 95%;
      background-color: #f7f7f7;
      box-sizing: border-box;
      margin-left: auto;
      margin-right: auto;
      padding:10px;
      border: 3px double red;
      border-radius: 15px;
      overflow:auto;
      font-size: 1.2em;
      font-family: Comic Sans MS, sans-serif;
      }
    • By Livo85
      Доброго времени суток. Сайтом занимаюсь всего 3 месяца, поэтому смело называюсь чайником. Задач поставлено много, но с одной справиться не могу. На сайте http://nastya-for-you.dp.ua/ проблема при масштабировании браузера более 100%. Все виджеты сползают в подвал. А на маленьких экранах (нетбук) вообще всё сползает вниз.
      Подскажите может скрипт какой или код куда прописать. 
      Попробовал вот такую штуку 
      http://www.cms-sd.ru/stati/javascript_i_jquery/htmlscale_mashtabirovanie_stranici_pod_shirinu_ekrana
      но результатов никаких. 
      Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy