jquery localScroll onclick hjælp
Heyer ved at lave en side med localScroll men ønsker ikke at benytte mig af a link men i sted for li i forhold til design. Derfor vil jeg når man klikker på li at den så scroll til den id som jeg har sat i den.
Mit script:
$(".produktNav").live("click", function(e) {
$($(this).attr('rel')).localScroll({
target: '#wrapper', // Could be a selector or a jQuery object too.
queue:true,
duration:1500
});
});
Min menu
<ul id="Pronavigation">
<li class="produktNav"><a href="#section1">Folder</a></li>
<li class="produktNav"><a href="#section2">Plakater</a></li>
<li class="produktNav" rel="#section3"><a href="#section3">Bøger</a></li>
<li class="produktNav"><a href="#section4">Banner</a></li>
<li class="produktNav"><a href="#section5">Folder Flyers</a></li>
</ul>
scroll div:
<div id="wrapper">
<div class="section" id="section1" style="height: 405px; width: 341px; background-color: aqua"> </div>
<div class="section" id="section2" style="height: 405px; width: 341px; background-color: blue"> </div>
<div class="section" id="section3" style="height: 405px; width: 341px; background-color: gray"> </div>
<div class="section" id="section4" style="height: 405px; width: 341px; background-color: fuchsia"> </div>
<div class="section" id="section5" style="height: 405px; width: 341px; background-color: maroon"> </div>
</div>
