| 

.NET C# Java Javascript Exception

1
Hallo
hier wird ja echt immer super geholfen, danke dafür :)

<aside id="right">
<div class="inside">
<div id="warenkorb_inhalt"></div>
</div>
</aside>


#right{
position: relative;
top:-1.2em;
}


Soweit läuft alles. Nun soll sobald man 350PX runter scrollt... der div fixiert werden. Dass er immer oben am Browserfenster recht ist.

Aktuell habe ich dafür die unten aufgeführte Funktion.
Was mich dadran stört: Es ist irgendwann ein kleiner Sprung.

Ich hätte dies gerne anmiert, dass der Div sich an die Fix Position bewegt.
Vielleicht gibt es dafür auch eine bessere Lösung als meine... direkt mit jQuery?!

Das mit animate()... bekomme ich nicht zum laufen.

var viewportwidth;
var viewportheight;
// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
if (typeof window.innerWidth != 'undefined')
{
viewportheight = window.innerHeight
}
else if (typeof document.documentElement != 'undefined'
&& typeof document.documentElement.clientWidth !=
'undefined' && document.documentElement.clientWidth != 0)
{
viewportheight = document.documentElement.clientHeight
}
else
{
viewportheight = document.getElementsByTagName('body')[0].clientHeight
}

function scroll() {
if( !this.y ) {this.y = 0;};
this.y += Math.round( ( window.pageYOffset - this.y ) / 15 );
if(window.pageYOffset>395){


$("#right .inside").css({position: 'fixed',top: '60px'});
}else{
$("#right .inside").css({position: 'relative',top: '0px'});
}
};
window.onload = function() {
if(viewportheight>0){
window.setInterval("scroll()",20);
}
};
13.11.2012
meone 99 1 6
1 Antwort
0
Minimalbeispiel - wird wahrscheinlich nicht 1:1 so in deinem Code laufen,
sollte dir aber helfen dein Problem zu lösen.

$(window).scroll(function() {
if($(this).scrollTop() > 350) {
$('#right').animate({
position: 'fixed',
top: '60px'
}, 250);
}
});

Also z.B. window.setInterval("scroll()",20); vielleicht mit window.scroll(function() { scroll(); }); ersetzen und .animate() solltest du damit auch hinkriegen.
13.11.2012
lunatigs 1,3k 2 8

Stelle deine Javascript-Frage jetzt!