[jQuery] Re: jScrollPane: horizontal scroll and dynamic height/width

[Alexandre Plennevaux]

hi there,
i can't help with the horizontal scrollbar but for your other issue,
be aware that
jscrollpane needs to be reinitialized everytime the window changes its size.

I did something like that here:

http://www.pixeline.be/test/markitup_bug/  (it was set up to show a
possible bug to the markitup plugin developer, don't mind that).

now, i didn't manage to make jscrollpane reinitialize on
window.resize. but if you change the window size and refresh the page,
you'll see what you need.

basically this is how i set it up. I made a small plugin that
redimensions the div that must become the scrollable zone:

jQuery.fn.setScrollableArea = function(modifier){
    jQuery('#main, body,html').css({
        overflow: 'hidden'
    });
    var availableHeight = jQuery(window).height();
    return this.each(function(){
        var offset = jQuery(this).offset();

        modifier = (modifier == '') ? 0 : modifier;
        var newHeight = availableHeight - offset.top - modifier;
        $(this).css({
            height: newHeight,
            overflow: 'hidden'
        });
    });
}


and then i use the plugin like that:

$(window).bind("load", function(){
    $('#section_content').setScrollableArea(30).jScrollPane({
        scrollbarWidth: 13,
        scrollbarMargin: 10,
        animateTo: true
    });
});
$(window).resize(function(){
    $('#section_content').setScrollableArea(30).jScrollPane({
        scrollbarWidth: 13,
        scrollbarMargin: 10,
        animateTo: true
    });
});


i hope this helps a bit.

On Wed, Mar 26, 2008 at 1:13 AM, Hk. <[EMAIL PROTECTED]> wrote:
>
>  Hello,
>  I have just found this nice little piece of JS while I was looking for
>  a nice script to replace this cruel scrollbars from my site. Anyway, I
>  miss two features and thought it would be more clever to ask here if
>  someone has already customized the script in the way I need it before
>  I try it by myself (I'm not a JS expert).
>
>  I have two problems, first of all I need the possibility to scroll the
>  div horizontal and vertical, the second problem ist, that height and
>  width of my div have to be dynamic, depending on the screen
>  resolution/
>  window size of my visitors. I tried so give the div the individual
>  height by using the DOM but the ScrollPane script doesn't seem to
>  recognize it, seems that it only notices the static height of the div.
>
>  Any hints, ideas or snippets out there?
>
>  Good night and thanks for your response...
>



-- 
Alexandre Plennevaux
LAb[au]

http://www.lab-au.com