Jump to content
  • Sign Up
  • 0

Проблемы с выпадающим меню и скроллингом


Kustovskyi

Question

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

При присвоении overflow-y: auto; блоку, не работает выпадающее меню 

Пример https://jsfiddle.net/kustovskyi/eho1kyjm/

В меню Dashboard 

Если убрать в класса .sidebar-submenu-right скроллинг , то меню выпадает 

 

Edited by Kustovskyi
Link to post
Share on other sites

6 answers to this question

Recommended Posts

  • 0
1 час назад, Switch74 сказал:

какому блоку overflow-y: auto; присвоить, чтобы что-то не работало?

блоку .sidebar-submenu 

если визуально , то при нажатии на кнопку Боковой Dropdown, там вываливается меню , вот туда нужен скролл. Но когда ставишь туда overflow-y: auto; не выпадает субменю

на скрине отметил 

Снимок.PNG

Link to post
Share on other sites
  • 0
1 час назад, Switch74 сказал:

проблема в transform, без него отрабатывает

https://jsfiddle.net/kustovskyi/q4Lso7td/
вот отдельно сделал без трансформа и лишних стилей , та же ситуация 

Link to post
Share on other sites
  • 0

1. делайте меню и подменю аналогичной верстки и функционала, в вашем случае первая вложенность у вас работает хорошо, проблема в подменю которые вы сделали по какой-то причине не так как основное меню
2. для вывода объекта за пределы объекта с overflow нужен position:fixed;

что-то вроде такого можно, вам нужно только добавить функционал клика на основном меню
https://jsfiddle.net/a9uh51sq/
 

Link to post
Share on other sites
  • 0
2 часа назад, Switch74 сказал:

1. делайте меню и подменю аналогичной верстки и функционала, в вашем случае первая вложенность у вас работает хорошо, проблема в подменю которые вы сделали по какой-то причине не так как основное меню
2. для вывода объекта за пределы объекта с overflow нужен position:fixed;

что-то вроде такого можно, вам нужно только добавить функционал клика на основном меню
https://jsfiddle.net/a9uh51sq/
 

Спасибо большое, всё получилось ) 

Link to post
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.

×
×
  • 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