DISQUS

I'm curious about the difference you mention when using dimensions.
The plugin dimensions, slightly improves jQuery's function 'offset()' which is used by 'position()', tough I didn't saw any difference for now (in the new demo). What I mentioned before, about the option 'offset' being $().height() / 2, should be -$().height()/2. Note the '-'. Might that be the difference ?. You could also play with the option 'margin'. Try setting it to true, maybe that fixes it.
Lastly, on the last release, I allowed some overloading, and you can replace:
$.scrollTo( '....', {speed:500}); for $.scrollTo( '....', 500 );

Well... hope that helps ;)
Cheers.

In case you're interested, here's a shorter version of your JS.


function showMainPic(pic){
var inner_html = '<img src="'+galleryDir+pic+'">';
var $mainPic = $("#mainPic").html(inner_html);
$.scrollTo( $mainPic, {
speed:500,
offset: $mainPic.height() / 2
});
};

Note that for using the option offset, you need at least jQuery.ScrollTo 1.2.4.
Cheers.</img>

Oops.. I mean '.' + klass. Not '#' + klass.

@dave
If you use hasClass, you must remove the dot leading the className. As for speed.. that is odd, because if you take a look at hasClass:

hasClass: function(expr) {
return this.is("." + expr);
},

It's doing, internally, the same as I did. I don't think it can be really faster. hasClass is useful when you have the className in a variable, so it saves you the '#' + klass .

Indeed.. since the... third release, more or less. The plugin stopped relying on dimensions.
If you are interested, that function could be shorter written like this:

function toggleViz(el_id){
var $el = $("#"+el_id).toggleClass("hidden_simple");
if ( !$el.is('.hidden_simple') )
$.scrollTo( $el, {speed:500});
};

I do admit the examples don't show all the possible uses of the plugin. But the source code has some more examples and explains each customizable option too.
Please let me know, if you think it's not clear enough, thanks.

Hi, doesn't this work as expected ?

function toggleViz(el_id){
$("#"+el_id).toggleClass("hidden_simple");
if($("#"+el_id).attr("className") != "hidden_simple"){
// see the modification here V
$.scrollTo( "#"+el_id, {speed:500});
}
}