Side Menu

[daGrevis]

Sveiki!

Vēlējos izveidot ko līdzīgu šim ( http://www.dotastrategy.com/ ) side menu (sānā, saprotams), bet nesaprotu, kurš kods ir tieši tam menu (viss tur pārāk haotiski). Nav kas tamlīdzīgs jau gatavs? :)

// Ar cienu, daGrevis.

[marcis]

div + position: aboslute + js

Elementārs Js varētu izskatīties šādi, ja lieto jQuery

var boxTop = '100px';
$(window).scroll(function (){
 $("#mySidebar").css("top", boxTop);
});

Un visa problēma. Protams, priekš UI var kādu efektiņu uzlikt.

[indoom]

var boxTop = 100;
$(window).scroll(function (){
 $("#mySidebar").css("top", $(window).scrollTop + boxTop);
});

 

EDIT: noņēmu px pie var

Edited May 25, 2009 by indoom

[marcis]

My bad

var boxTop = 100;
$(window).scroll(function (){
 var newTop = $(window).scrollTop + boxTop;
 $("#mySidebar").css("top", newTop+'px');
});

[indoom]

tos px nemaz nepiefiksēju :) Pielaboju savu postu.

Ja kas jQueryijam nav vajadzīgs px rakstīt .css() funkcijā, px ir defaultā.