Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Проблема с jquery.mCustomScrollbar.concat.min.js (https://javascript.ru/forum/jquery/61679-problema-s-jquery-mcustomscrollbar-concat-min-js.html)

The_FactioN 02.03.2016 11:01

Проблема с jquery.mCustomScrollbar.concat.min.js
 
Всем доброго времени суток.

Проблема в плагине jquery.mCustomScrollbar.concat.min.js
Этот плагин добавляет свое оформление и функционал для скроллинга страница. Плагин довольно хороший как плане оформления, так и в плане функционала. Но есть одно НО:

При скроллинге на один щелчек колесико мыши (я хз как правильно описать это действие) то страница прокручивается примерно на 400пх, нужно поставить меньше значение, пытался порыться в плагине - нигде ничего похожего не нашел. Может плагин сам вычисляет на сколько нужно прокрутить страницу, исходя из размера самой страницы, но даже при таком раскладе где то должен быть коэффициент - где?

Прошу помочь :)

Dilettante_Pro 02.03.2016 14:20

The_FactioN,
Покажите использование функции mCustomScrollbar в вашем коде

The_FactioN 03.03.2016 10:00

Цитата:

Сообщение от Dilettante_Pro (Сообщение 409734)
The_FactioN,
Покажите использование функции mCustomScrollbar в вашем коде

Подключаю вот так:

var hw = $(window).height()
$('body').css('height',hw+'px')
$(window).load(function(){
$("body").mCustomScrollbar({
theme:"dark-3",
});
});

Стили body:
body,html {
width: 100%;
height: 100%;
overflow:hidden;
}

В живую показать страницу не могу ибо некуда загрузить пока, но если Вы будете сделать у тебя, то высота страницы у меня 3400 пх

Dilettante_Pro 03.03.2016 10:14

The_FactioN,
Что такое theme:"dark-3"? Какие параметры там задаются?
A mousewheel подгружаете?
И еще: mCustomScrollbar нормально работает, если к моменту ее запуска объект, к которому она относится, имеет определенные размеры и виден. (Кстати, не встречал использование для всего body - обычно применяется к div. Цитата:Содержание нужно размещать в элемент div с классом content. Источник - http://ruseller.com/adds.php?id=1998&rub=11)

The_FactioN 03.03.2016 11:12

Цитата:

Сообщение от Dilettante_Pro (Сообщение 409783)
The_FactioN,
Что такое theme:"dark-3"? Какие параметры там задаются?
A mousewheel подгружаете?
И еще: mCustomScrollbar нормально работает, если к моменту ее запуска объект, к которому она относится, имеет определенные размеры и виден. (Кстати, не встречал использование для всего body - обычно применяется к div. Цитата:Содержание нужно размещать в элемент div с классом content. Источник - http://ruseller.com/adds.php?id=1998&rub=11)

dark-3 - это тема оформления самого скроллинга, mousewheel подгружается автоматически (при помощи плагина кажись) и при полной загрузке срабатывает скроллинг, а до полной загрузки узнаем высоту окна и приписываем к body. В некотором роде, body тоже считать как div элемент, в котором размещается контент. Но не в этом вся проблема, проблема в большой прокрутке (примерно 400 пизселей) из за этого, некоторые элементы , прокручиваясь, могут быть незаметны для взгляда человека (если и так никому ничего не будет ясно - я найду способ дать вам пример)

Dilettante_Pro 03.03.2016 11:38

The_FactioN,
Проблема как раз может состоять в том, что функция не может нормально определить объект, и из-за этого прокрутка нестандартная.
Попробуйте вставить div 100% и применить функцию к нему

The_FactioN 03.03.2016 13:45

Цитата:

Сообщение от Dilettante_Pro (Сообщение 409791)
The_FactioN,
Проблема как раз может состоять в том, что функция не может нормально определить объект, и из-за этого прокрутка нестандартная.
Попробуйте вставить div 100% и применить функцию к нему

Вот пример того, что я хочу с таким плагином сделать
http://test.ayn.kz/index.html
Пробовал все в div пихать - такая же проблема. Сам плагин, даже с body, работает безупречно, но слишком на большое расстояние от перелистывает страницу. Пробовал ставить больше контента на страницу - все равно на одно и то же значение он перепрыгивает

Dilettante_Pro 03.03.2016 14:04

The_FactioN,
А где элемент div с классом content, к которому должна быть привязана функция?

The_FactioN 03.03.2016 14:34

Цитата:

Сообщение от Dilettante_Pro (Сообщение 409809)
The_FactioN,
А где элемент div с классом content, к которому должна быть привязана функция?

До этого я ставил на див, эффект такой же, в итоге лучше пробовать на body решать проблему

Dilettante_Pro 03.03.2016 14:39

The_FactioN,
На div класс content был?
Содержание нужно размещать в элемент div с классом content.

The_FactioN 03.03.2016 15:10

Цитата:

Сообщение от Dilettante_Pro (Сообщение 409819)
The_FactioN,
На div класс content был?
Содержание нужно размещать в элемент div с классом content.

Откуда Вы это взяли? НА офф сайте было прописано что подключить нудно вот этим огрызком кода

$(window).load(function(){
$("body").mCustomScrollbar({
theme:"dark-3",
});


а высоту я уже сам прописал для body

Dilettante_Pro 03.03.2016 15:16

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

The_FactioN 03.03.2016 16:03

Цитата:

Сообщение от Dilettante_Pro (Сообщение 409830)
The_FactioN,
Я вам ссылку давал, там подробно все расписано, есть работающие демки. Я сам раньше делал - без проблем, если по правилам

Вы не можете меня услышать. Скрипт сам работает нормально, просто он при одном щелчке колесиком мыши плавно прокручивает страницу на большое расстояние, и мне нужно это расстояние (при одном щелчке) уменьшить

Dilettante_Pro 03.03.2016 18:23

The_FactioN,
Я делал сайт с таким плагином несколько лет назад, особо не задумываясь, по правилам, изложенным по ссылке - и все работало нормально, без проблем, как и в демках у них. У вас же на 1 щелчок мыши перемещение на 220px. Ну, я не знаю - может, плагин изменился?
К сожалению, ссылку на свою работу дать не могу - фирма умерла с началом кризиса вместе с сайтом и моими рабочими материалами

рони 03.03.2016 19:21

The_FactioN,
скрипт http://test.ayn.kz/js/jquery.mCustomScrollbar.js
строка примерно 1475 функция function _onMousewheel
строка 1491
amount=o.mouseWheel.scrollAmount!=="auto" ? px[1] : px[0]>=mCustomScrollBox.height() ? mCustomScrollBox.height()*0.9 : px[0], изменить на 0.2

не перепутайте с шириной она чуть выше

или заменить mCustomScrollBox.height()*0.9 на 220

The_FactioN 03.03.2016 20:09

Цитата:

Сообщение от рони (Сообщение 409844)
The_FactioN,
скрипт http://test.ayn.kz/js/jquery.mCustomScrollbar.js
строка примерно 1475 функция function _onMousewheel
строка 1491
amount=o.mouseWheel.scrollAmount!=="auto" ? px[1] : px[0]>=mCustomScrollBox.height() ? mCustomScrollBox.height()*0.9 : px[0], изменить на 0.2

не перепутайте с шириной она чуть выше

или заменить mCustomScrollBox.height()*0.9 на 220

Менял оба предложенных Вами варианта - так же спускает меня примерно на 570 пх

рони 03.03.2016 21:09

The_FactioN,
не судьба значит .... кеш обновите
Цитата:

Сообщение от The_FactioN
Менял оба предложенных Вами варианта

тут нет никаких изменений http://test.ayn.kz/index.html

The_FactioN 03.03.2016 21:32

Цитата:

Сообщение от рони (Сообщение 409847)
The_FactioN,
не судьба значит .... кеш обновите
тут нет никаких изменений http://test.ayn.kz/index.html

Прошу прощения, помогла Ваша идея, спасибо и за идею, и за напоминание что на http://test.ayn.kz/ ничего нет (я редактировал файл на компе а обновлял страницу на серваке) :) :) :) :) В общем заработало все как надо)))


Часовой пояс GMT +3, время: 15:06.