Спроба активізувати події прокрутки за допомогою jquery.mousewheel - javascript, тригери, прокручування, колесо миші

У мене виникають проблеми із запуском прокруткиподія за допомогою jquery.mousewheel. Я хочу "розгорнути" подію прокрутки для # контейнера з біологічним вмістом, щоб запустити її при прокрутці по # біо-слайдер-контейнер. Я використовую наступний код:

var lastScrollTop = 0;
$("#bio-content-container").scroll(function () {
var st = $(this).scrollTop();
if (st > lastScrollTop){
scroll("Down");
} else {
scroll("Up");
}
lastScrollTop = st;
});

jQuery(function($) {
$("#bio-slider-container")
.bind("mousewheel", function(event, delta) {
$("#bio-content-container").trigger("scroll");
return false;
});
});

Я не хочу запускати прокрутку на # біо-слайдер-контейнері, так що "чому я" використовую мишовик. Будь-яка допомога буде дуже вдячна :)

Відповіді:

Якщо я правильно зрозумів, вам потрібно прокрутити вміст # контейнера з біологічним вмістом, коли ви користуєтеся мишею на # контейнері біо-слайдера. Ви можете перевірити jquery.scrollTo підключати. Цей код працює для мене (без перегляду вашого HTML):

$(document).ready(function () {

$("#bio-slider-container").bind("mousewheel", function (event, delta) {
var content = $("#bio-content-container");
if (delta < 0) {
content.scrollTo("+=10");
} else {
content.scrollTo("-=10");
}
});

});