Полосы прокрутки - прозрачные и невидимые до перемещения прокручиваемых div

Question

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

Я посмотрел на несколько плагинов JQuery. Самую близкую называли крошечными полосами прокрутки, которые были близки, и после того, как поиграли с изображениями PNG, почти достаточно близко, но это было ограничено в том, что я не мог понять, как показать это, только когда прокручивается div, а затем аккуратно исчезать снова , Также, если это возможно, я бы получил немного импульса и даже эластичности.

Есть ли способ сделать это?

Answer 1

Вы можете установить переполнение и переключать соответственно

Что-то вроде этого может работать:

Начните с этого в вашем CSS

body { переполнение: скрытое; }

Тогда

$(function(){
  $(document).mousemove(function(e){
    $("body").css("overflow", "auto")
  });
});

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