Since I started this new webshop for a friend to launch, which still in progress, I'm using the so called "jQuery fixedScroll"..
Project online: http://www.merkversterkers.com/klanten/fragma/index.php?p=shop
Everything is fine until this.. When I'm using the scrollplugin, it defines the height of the page, which a good thing..
After pressing the "filter" button the height must be predefined causing a div that will expand, and I'm unable to do that, because the document defines the height when it's loaded..
like the "$(document).ready" function
scrollfunction
$('#scart').scrollToFixed({
marginTop: $('.topbar').outerHeight() + 30,
limit: get_limit(),
zIndex: 999
});
get_limit functon
function get_limit(){
var products_row = 4;
var topbar = $(".topbar").height() + 30
var filterbar = $(".filterbar").height();
var products = products_row * 206;
if( $(".filterexpanded").css('display') == "block" ){
var expanded = $(".filterexpanded").height();
} else {
var expanded = 0;
}
var cartheight = $("#scart").height();
var limit = topbar + filterbar + expanded + products + 130 - cartheight;
return limit;
}
Can someone give me throw of some code I could try? I would really appreciate all the help..