jQuery Smooth Div Scroll - Right Hotspot not activating

Question

I'm having an issue where the right hotspot on does not seem to be activating on mouse over. The left seems to work fine though. http://christophermoulder.alykee.com/lighting/

Here's the code I'm using as well as the css:

$(document).ready(function() {
    $("#makeMeScrollable").smoothDivScroll({ 
        mousewheelScrolling: true,
        visibleHotSpotBackgrounds: 'onstart',
        hotSpotsVisibleTime:5000,
        hotSpotScrollingStep:2,
        hotSpotScrollingInterval:1,
        autoScrollingMode: "",
        autoScrollingDirection: "endlessloopright",
        manualContinuousScrolling: true
    });
});

Does anything jump out that might be causing this problem?

Thanks! Dan

it is working fine for me here..i jus checked ur link – Bibin Velayudhan May 17 '12 at 19:36 — Bibin Velayudhan, May 17 '12 at 19:36

score 1 · Answer 1 · answered Aug 04 '12 at 13:32

So, you need some (exactly two) CSS Styles to solve your problem:

First, the "makeMeScrollable" Container must be have relative position:

div#makeMeScrollable {
position: relative;
}

Now, set the right-position from the "scrollingHotSpotRight" to 0:

div.scrollingHotSpotRight {
right: 0;
}

That's all.

PS: I had the same Problem. ;)

jQuery Smooth Div Scroll - Right Hotspot not activating

1 Answers1