Intereting Posts
Редактируемая jQuery ручка внутри ребенка 5 изображений, симметрично разделенных диагональными линиями Разница между исходным кодом и элементом проверки Скрыть элемент, но показывать содержимое, сгенерированное CSS. При печати таблиц в Google Chrome содержимое перекрывает заголовок CSS разные высоты div, вызывающие сетку Почему установка textContent вызывает разметку макета? Как сохранить URL-адреса и заголовки списка сообщений под одной меткой в ​​массив String в Blogger Является ли знак at (@) действительным символом тега HTML / XML? Полоса хода, выполненная из сплошной линии, с точками в виде шагов отправка электронной почты из html с помощью javascript без перспективы по умолчанию Как создать эффект Super Saiyan в CSS / JS? привести дочерний узел к родительскому узлу в d3 Преобразование выпадающего списка в поля выбора с уменьшением цвета и триггером html фильтр размытия формы canvasа

Как изменить скорость прокрутки по умолчанию, прокрутку, прокрутку веб-страницы

Я пытаюсь изменить скорость прокрутки по умолчанию, количество и инерцию веб-страницы. Я много гугл, но тщетно

К счастью, позже, в этот день, я нашел плагин, который позволяет нам менять scrollspeed, количество, инерцию ТОЛЬКО ВНУТРИ отдельного тега div, а не на всей веб-странице.

Вот базовый код

$(".I-WILL-APPLY-ONLY HERE").mCustomScrollbar({ set_width:false, set_height:false, horizontalScroll:false, scrollInertia:550, SCROLLINERTIA:"easeOutCirc", mouseWheel:"auto", autoDraggerLength:true, scrollButtons:{ enable:false, scrollType:"continuous", SCROLLSPEED:20, SCROLLAMOUNT:40 }, advanced:{ updateOnBrowserResize:true, updateOnContentResize:false, autoExpandHorizontalScroll:false, autoScrollOnFocus:true }, callbacks:{ onScrollStart:function(){}, onScroll:function(){}, onTotalScroll:function(){}, onTotalScrollBack:function(){}, onTotalScrollOffset:0, whileScrolling:false, whileScrollingInterval:30 } }); 
A basic height in pixels would be defined for this element and any content appearing here will have a different scrollspeed,inertia.Mentioning heignt of this div element is compulsary,else i wont show the output

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

заранее спасибо

Вы можете использовать jQuery для этого, взгляните на мою скрипку: http://jsfiddle.net/promatik/NFk2L/

Вы можете добавить прослушиватель событий события прокрутки, помните, что вы можете предотвратить действие по умолчанию прокрутки … if (event.preventDefault) event.preventDefault();

Затем обработчик этого события, используя анимацию jQuery, выполнит прокрутку …

 function handle(delta) { var time = 1000; var distance = 300; $('html, body').stop().animate({ scrollTop: $(window).scrollTop() - (distance * delta) }, time ); } 

Вы можете установить время, расстояние (и вы также можете добавить метод ослабления), см. Полный пример в скрипке

Почему бы не обернуть ваш HTML в контейнер div и не настроить таргетинг, как это:

 

Затем настройте целевой class контейнера в jQuery:

 $('.container').mCustomScrollbar... 

Моя адаптация к гладкой работе элемента: Codepen

 $('.smooth').on('mousewheel', function(e){ wheel(e.originalEvent, this) }) function wheel(event, elm) { var delta = 0; if (event.wheelDelta) delta = event.wheelDelta / 120; else if (event.detail) delta = -event.detail / 3; handle(delta, elm); if (event.preventDefault) event.preventDefault(); event.returnValue = false; } function handle(delta, elm) { var time = 1000; var distance = 100; $(elm).stop().animate({ scrollTop: $(elm).scrollTop() - (distance * delta) }, time ); }