Jquery ui vertical scroll

Question

I have be working on a vertical jquery scroll and i am pretty close now but it seems to be scrolling the wrong way and i really haven't got a clue why.

can someone please help here is the link.

http://dropp.users35.interdns.co.uk/scroll/

Thanks

What happens if you change ui.value / 100 * ( scrollPane.height() - scrollContent.height() ) to ui.value / 100 * ( scrollPane.height() + scrollContent.height() ) (note changing the minus sign to a plus sign)? — jefflunt
– jefflunt, Commented Aug 17, 2011 at 14:02
Got it, but, wait a moment.... why to answer you? YOU HAVE 26 [!] UNACCEPTED ANSWERS. "Wake up Dorothy!" — Roko C. Buljan
– Roko C. Buljan, Commented Aug 17, 2011 at 14:18

ShankarSangoli · Accepted Answer · 2011-08-17 14:20:59Z

7

Try this, I tested it on my end it is working fine

Working demo

$(function () {
    var scrollPane = $(".slider_container");
    var scrollContent = $(".scroll-content");

    // Slider

    $('#slider').slider({
        orientation: "vertical",
        value: 100,
        slide: function (event, ui) {
            console.log(ui.value);
            console.log(scrollPane.height());

            if (scrollContent.height() > scrollPane.height()) {
                scrollContent.css("margin-top", (-1 * (scrollPane.height() - ((scrollPane.height() * ui.value) / 100))) + "px");

            } else {
                scrollContent.css("margin-top", 0);
            }
        }
    });
});

answered Aug 17, 2011 at 14:20

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

DCHP Over a year ago

Legend thanks dont know how you got it to work in jsfiddle i was trying for ages aswell so thanks for that

ShankarSangoli Over a year ago

YOU HAVE 26 [!] UNACCEPTED ANSWERS, how can you expect to get any further help?

Mathias Lykkegaard Lorenzen Over a year ago

+1 for providing a jsFiddle link since the original example the OP made is down.

Collectives™ on Stack Overflow

Jquery ui vertical scroll

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related