CSS fixed con jQuery

[briareoz]

Ciao, vorrei fare in modo che durante lo scroll verticale un div nella sidebar diventi fixed quando si trova nellla posizione top.
Il sito utilizza jQuery quindi preferirei farlo senza caricare ulteriori script.

Sto provando con questo ma nulla succede:

$(document).ready(function() {
    $("#idgiusto").css("position", "absolute");
});

$(window).scroll(function() {
    $("#idgiusto").css("top", $(window).scrollTop() + "px");
});

grassie

[webbeloz]

psss... questo è jQ in CSS,
domani fatti spostare....

$(function() {

    var $sidebar   = $(".header"), 
        $window    = $(window),
        offset     = $sidebar.offset(),
        topPadding = 0;

    $window.scroll(function() {
        if ($window.scrollTop() > offset.top) {
            $sidebar.stop().animate({
                top: $window.scrollTop() - offset.top + topPadding
            });
        } else {
            $sidebar.stop().animate({
                top: 0
            });
        }
    });
    
});

edit:

// cambia .header con la tua classe.

[Experiment8]

Ciao,

scusate, ma se il tuo problema è che la sidebar segua lo scroll, non è più semplice dare da CSS "position: fixed" e posizionarlo di conseguenza? senza ricorrere a script che vanno continuamente appesantendo la pagina?

e se anche dovesse diventare fixed dopo un certo scroll e non sempre, puoi semplicemente istruire jQuery di aggiungergli una classe e lavorarlo da CSS... senza ogni volta ricalcolare il top...

[briareoz]

Originariamente inviato da Experiment8
e se anche dovesse diventare fixed dopo un certo scroll e non sempre, puoi semplicemente istruire jQuery di aggiungergli una classe e lavorarlo da CSS... senza ogni volta ricalcolare il top...

Ma il codice di webbeloz non fa questo che dici? Scusate ma io non sono un webmaster ma un designer. Lo script lo devo integrare in WP.

L'ho provato ma non funziona. L'ho perosnalizzato con l'id# giusto e inserito nel file degli script .js che WP carica. Sicuramente mi sfugge qualcosa.....