Y scroll Issues

[barefootMarc]

Interested in knowing if anyone is familiar with making a div scroll outside an other div.

scrollBy works, but moves the whole page up and down. I just want the wrapper div inside the menu to move up and down.

Cheers,

Marc

[Mohammad – SUPPORT]

Hi,
Please attach a marked screenshot to indicate the scroll div.
Thanks
Mohammad

[barefootMarc]

Hi

Its the pop out menu on the right.

Attachments:

You must be logged in to view attached files.

[barefootMarc]

Here’s the jQuerry

/* ——— scroll menu ————-*/
var scrolled=0;

$(document).ready(function(){

$(“.arrow-down”).on(“click” ,function(){
scrolled=scrolled+300;

$(“.sf-va-middle”).animate({
scrollTop: scrolled
});

});

$(“.arrow-up”).on(“click” ,function(){
scrolled=scrolled-300;

$(“.sf-va-middle”).animate({
scrollTop: scrolled
});

});

});

[barefootMarc]

Fixed it with this:

I gave the table class=sidebar-menu and made sure the height was set to a px value not %

(function () {

var scrolled = 75;
$(‘.arrow-up’).click(function() {
$(“.sidebar-menu”).animate({
scrollTop: $(“.sidebar-menu”).scrollTop() – scrolled
});
});

$(‘.arrow-down’).click(function() {
$(“.sidebar-menu”).animate({
scrollTop: $(“.sidebar-menu”).scrollTop() + scrolled
});
});

})();

[Mohammad – SUPPORT]

Hi,
Brilliant! I am glad that you managed to resolve the issue.
Thanks
Mohammad