9 октября 2013 в 15:23
Организовала стилизацию скролла через jquery.mCustomScrollbar. Почему то не прокручивается колесиком мышки.
Сам код:
(function ($) {
Drupal.behaviors.themeName = {
attach: function (context, settings) {
function initScroll(){
jQuery("#block-block-35 .content").mCustomScrollbar({
horizontalScroll: false,
mouseWheel: false,
autoDraggerLength: true,
scrollInertia: 1000,
scrollButtons: {
enable: true
}
});
}
jQuery(window).load(function(){
initScroll();
});
}
};
})(jQuery);
Комментарии
<?php
(function ($) {
Drupal.behaviors.themeName = {
attach: function (context, settings) {
$("#block-block-35 .content").not(".themeName-processed").mCustomScrollbar({
horizontalScroll: false,
mouseWheel: false,
autoDraggerLength: true,
scrollInertia: 1000,
scrollButtons: {
enable: true
}
}).addClass("themeName-processed"); // это чтобы избежать
// повторного применения скролла к блоку
}
};
})(jQuery);
?>
Параметры, которые передаете mCustomScrollbar проверьте сами, я с плагином не знаком, не могу сказать, все ли там верно.
Читайте тут https://drupal.org/node/756722, особенно внимательно раздел Using jQuery и Behaviors.
mouseWheel: falseвас не смущает?С true тоже не работает.
А ошибки какие-то в консоли пишет?
scrollButtons:{
enable: Boolean
},
set_height: container_height, //число в пикселях
mouseWheel: true,
mouseWheelPixels: 100,
autoDraggerLength: false,
advanced:{
updateOnBrowserResize: true,
contentTouchScroll: true,
updateOnContentResize: true //нужно! Иначе при прокрутке скролла в самый низ - перестает работать колёсико мыши
},
callbacks:{
onTotalScroll: function(){
jQuery('#content-opacity').hide();
jQuery('#content-dots').hide();
},
onTotalScrollOffset: 68,
onScrollStart: function(){
jQuery('#content-opacity').show();
jQuery('#content-dots').show();
}
}
});
У меня так работает. Не уверен последняя ли это версия на данный момент.
Нет, глухо.
Что это за классы??
Это не классы, это id. Не важно, что это за id, на каллбэки не обращайте внимания, я просто скопировал кусок рабочего кода.
кода много разного. Просто нужен 100% рабочий. У меня вроде бы тоже рабочий....но видите, что то не так..
Знаю точно что за это отвечает mouseWheel, нужный скрипт я подключила (jquery.mousewheel.js)...безрезультатно.
это вместо спасибо видимо=) Код с сайта, где был использован сабж.
а вот у меня не подключен
Нашла правильное подключение
(function ($) {
Drupal.behaviors.themeName = {
attach: function (context, settings) {
function initScroll(){
jQuery("#block-block-35 .content").mCustomScrollbar({scrollInertia:0, scrollButtons:{enable: true}, mouseWheelPixels:30, advanced:{updateOnBrowserResize:true, updateOnContentResize:true}});
}
jQuery(window).load(function(){
initScroll();
});
}
};
})(jQuery);