Jump to content
  • 0

baron scroll sidebar в Фарфоксе отображается свой скролл


npofopr
 Share

Question

Доброго дня.

 

http://codepen.io/npofopr/pen/xwWqWX

как побороть скролл в ФФ для baron, под виндой, видимо?

где то видимо overflow: hidden; не хватает, но найти не могу где. Оно или скроллить перестаёт или 2 скролла. Потому что в примерах всё работает.... 

 

Может пользовался кто нибудь baron? 

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Получается, что да. 

Обычное выпадающее меню там. Двухуровневое. 

 

Сколько плагинов для скролла не встречал, все с overflow:hidden; а тут вот как раз всё работает. Но в ФФ почему то косяк такой. 

У него в демках, вроде нет такого http://diokuz.github.io/baron/но там вроде как раз overflow: hidden; стоит.

Link to comment
Share on other sites

  • 0

Там суть в том что у .scroller есть вертикальный скролл, но он скрывается с помощью overflow:hidden у его родителя .baron, мы его просто не видим он за краем .baron. Но и там же остается выпадашка вот в чем дело.

Link to comment
Share on other sites

  • 0

Т.е. никак не победить?) 

Или... чем то перекрыть этот скролл. Наложить поверх него выпадашку.


Но блин. Выпадающее меню не всегда открыто


Контентом перекрывать %)

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 VolKTieR
      Здравствуйте.
      Имеется данный код:
      <audio id="audio">     <source src="audio/1.mp3" type="audio/mpeg"> </audio> <div class="fixedbut" id="sebut">Звук</div> <style> div.fixedbut { position: fixed;     bottom: 93%;     right: 20px;      display: block;      background: white;      border-radius: 10px;     color: black;      text-decoration: none;      padding: 6px 23px;     font-size: 17px ;     -webkit-transition: 0.33s all ease-out;      -o-transition: 0.33s all ease-out;      transition: 0.33s all ease-out;     z-index: 999; } div.fixedbut:hover {         background: grey;         color: white; } </style> <script> document.getElementById("sebut").onclick = function()     {       var myaudio = document.getElementById("audio");       if(myaudio.paused == true)       {         document.getElementById("audio").play();  }       else if (myaudio.paused == false)       {         document.getElementById("audio").pause(); }     } </script> <script>     $(document).ready(function(){       $(window).scroll(function () {         if ($(this).scrollTop() > 200)          {             $('div.fixedbut').fadeIn();        }         else          {             $('div.fixedbut').fadeOut();         }   })     }); </script>
       
      Кнопка плавающая, останавливает звук включенный другой .
      Со звуком проблем нет, но появление и исчезание кнопки при прокрутке не работает.
      Подскажите пожалуйста как сделать))
    • By serzh82saratov
      Если в IE потянуть за ползунок скролла, то пока не выполнится процедура onscroll, визуально смещение не происходит. Это, то что нужно.
      Но, если нажать на стрелку скролла, или между стрелкой и ползунком, или колёсиком прокрутить, то сначала происходит смещение и только после происходит вызов onscroll. Как избежать такого поведения?   https://jsfiddle.net/0b9dye0j/
    • By ShumNo
      Есть такая разметка, возможно она кривая, но в силу некоторой идеи она такая. http://jsfiddle.net/8rqetnyo/
      Вложенный слой со скролом, выполняющий роль основного на странице + фиксированный слой, который перекрывает скролл.
      Как бы вы решили? Быть может оно вообще не решается... ?
      Была мысль с width: calc но в разных браузерах оно у меня выглядит по разному
       
    • By tefery
      Посередине первого экрана будет кнопка скрола ко второму. Что нужно писать в джиквери, что бы прокрутить вниз на один экран?
    • By R45H
      Буду очень благодарен, если вы мне подскажите, как можно решить проблему.
      Скидываю простейший пример вёрстки, демонстрирующей проблему, без лишнего мусора - https://github.com/R45H/bug-in-ff.

      Нужно, чтобы в firefox отображалось также, как и в хроме. С учётом адаптивности.
      Здесь используется флексбокс и паддинг снизу в % для сохранения пропорций картинок.

      Проблема заключается в том, что при указании flex-direction: column; лиса схлопывает картинки (а хром нет).
      Мне подойдёт любое решение, но поведение и вид должны быть такими же, как в примере в хроме:
      - пропорциональное уменьшение картинок;
      - блоки с синей обводкой растягиваются на всю оставшуюся высоту;
      - голубой и зелёный блоки подстраиваются по высоте друг под друга (неважно где сколько текста);
      - на планшетах всё должно разворачиваться по-бутстраповски (как сейчас в примере).

      Заранее спасибо за помощь. 
×
×
  • 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