phpBB.de

Code: Alles auswählen

(function(){var S,T,W;S=window.jQuery,W=S(window),T=S(document),S.fn.stick_in_parent=function(t){var _,i,x,o,e,P,s,V,F,C,z,I,A,M;for(null==t&&(t={}),A=t.sticky_class,P=t.inner_scrolling,I=t.recalc_every,z=t.parent,F=t.offset_top,V=t.spacer,x=t.bottoming,M=W.height(),_=T.height(),null==F&&(F=0),null==z&&(z=void 0),null==P&&(P=!0),null==A&&(A="is_stuck"),null==x&&(x=!0),C=function(t){var i,o;return window.getComputedStyle?(t[0],i=window.getComputedStyle(t[0]),o=parseFloat(i.getPropertyValue("width"))+parseFloat(i.getPropertyValue("margin-left"))+parseFloat(i.getPropertyValue("margin-right")),"border-box"!==i.getPropertyValue("box-sizing")&&(o+=parseFloat(i.getPropertyValue("border-left-width"))+parseFloat(i.getPropertyValue("border-right-width"))+parseFloat(i.getPropertyValue("padding-left"))+parseFloat(i.getPropertyValue("padding-right"))),o):t.outerWidth(!0)},o=function(r,n,l,a,c,p,d,u){var f,t,g,h,k,y,m,v,i,b,w,e;if(!r.data("sticky_kit")){if(r.data("sticky_kit",!0),k=_,m=r.parent(),null!=z&&(m=m.closest(z)),!m.length)throw"failed to find stick parent";if(f=g=!1,(w=null!=V?V&&r.closest(V):S("<div />"))&&w.css("position",r.css("position")),(v=function(){var t,i,o;if(!u)return M=W.height(),_=T.height(),k=_,t=parseInt(m.css("border-top-width"),10),i=parseInt(m.css("padding-top"),10),n=parseInt(m.css("padding-bottom"),10),l=m.offset().top+t+i,a=m.height(),g&&(f=g=!1,null==V&&(r.insertAfter(w),w.detach()),r.css({position:"",top:"",width:"",bottom:""}).removeClass(A),o=!0),c=r.offset().top-(parseInt(r.css("margin-top"),10)||0)-F,p=r.outerHeight(!0),d=r.css("float"),w&&w.css({width:C(r),height:p,display:r.css("display"),"vertical-align":r.css("vertical-align"),float:d}),o?e():void 0})(),p!==a)return h=void 0,y=F,b=I,e=function(){var t,i,o,e,s;if(!u)return o=!1,null!=b&&(b-=1)<=0&&(b=I,v(),o=!0),o||_===k||(v(),o=!0),e=W.scrollTop(),null!=h&&(i=e-h),h=e,g?(x&&(s=a+l<e+p+y,f&&!s&&(f=!1,r.css({bottom:"",top:y}).trigger("sticky_kit:unbottom"))),e<c&&(g=!1,y=F,null==V&&("left"!==d&&"right"!==d||r.insertAfter(w),w.detach()),t={position:"",width:"",top:""},r.css(t).removeClass(A).trigger("sticky_kit:unstick")),P&&M<p+F&&(f||(y-=i,y=Math.max(M-p,y),y=Math.min(F,y),g&&r.css({top:y+"px"})))):c<e&&(g=!0,(t={top:y}).width="border-box"===r.css("box-sizing")?r.outerWidth()+"px":r.width()+"px",r.css(t).addClass(A),null==V&&(r.after(w),"left"!==d&&"right"!==d||w.append(r)),r.trigger("sticky_kit:stick")),g&&x&&(null==s&&(s=a+l<e+p+y),!f&&s)?(f=!0,"static"===m.css("position")&&m.css({position:"relative"}),r.css({position:"absolute",bottom:n,top:"auto"}).trigger("sticky_kit:bottom")):void 0},i=function(){return v(),e()},t=function(){if(u=!0,W.off("touchmove",e),W.off("scroll",e),W.off("resize",i),S(document.body).off("sticky_kit:recalc",i),r.off("sticky_kit:detach",t),r.removeData("sticky_kit"),r.css({position:"",bottom:"",top:"",width:""}),m.position("position",""),g)return null==V&&("left"!==d&&"right"!==d||r.insertAfter(w),w.remove()),r.removeClass(A)},W.on("touchmove",e),W.on("scroll",e),W.on("resize",i),S(document.body).on("sticky_kit:recalc",i),r.on("sticky_kit:detach",t),setTimeout(e,0)}},e=0,s=this.length;e<s;e++)i=this[e],o(S(i));return this}}).call(this);

Code: Alles auswählen

	<!-- INCLUDEJS jquery.sticky-kit.min.js -->
	<script>
		$(".lightheader").stick_in_parent({
			parent: "body",
			spacer: ".sticky-spacer",
			recalc_every: 1
		});
	</script>

Code: Alles auswählen

	<script>
		var height = $(".lightheader").outerHeight();
		
		$(".lightnav").css(
			'margin-top', height
		);
		
		$(".lightheader").css({
			'position':'fixed',
			'top':'0',
			'width':'100%'
		});
	</script>