[Javascript] Efekt jak .. Opcje

[motyl-pl]

Cześć,
Czy byłby w stanie ktoś przybliżyć mi, w jaki sposób mogę zrobić efekt taki jak tu:
http://cargocollective.com/favorites ?

Chodzi mi konkretnie o opis obok zdjęcia, że spada do nowego projektu, później kolejny się ładuje i też spada.
Nie mam zielonego pojęcia jak to ugryźć.
Proszę o pomoc, dzięki!

[com]

Podpowiedź to za to odpowiada:

[HTML] pobierz, plaintext 
<style type="text/css">
    .rail_background, .project_rail, .feed_header, .cargo_link, #search_form  { left: 940px; }
    .project_content { margin-left: 235px; }
    .project_bottom { display: none; }
    #left_rail #search_form { position: relative; top: auto; left: auto; bottom: auto; }
</style>
 
<div style="position: fixed; top: 0; left: 0; bottom: 0; width: 200px; z-index: 1; background: #f2f2f2;"></div>
<script type="text/javascript">
    var networkFilterVisible = 0;
    $(document).ready(function() {
        $(".project_rail").each(function(){
            $(".tags", this).addClass("design_template").prepend("Design template:<br/>");
        });
 
        if ($(".view_tag_info b").length != 0) {
            $(".show_network_menu").before("Filtered by ").text($(".view_tag_info b").text());
            $(".view_all_tag").show();
        }
 
        if ($(".entry").length == 0 && $(".search_results").length == 0){
            $("#content_container").prepend('<div style="margin-left: 430px; border-top: 0; padding-top: 0;" class="entry"><br><br>No sites with this design template have been Showcased yet. <a href="http://cargocollective.com/favorites">View all</a></div>');
        }
 
        $(".tag_nav_menu #col_1 a:first").addClass("top_left");
        $(".tag_nav_menu #col_2 a:first").addClass("top_right");
        $(".tag_nav_menu #col_2 a:last").addClass("bottom_right");
        $(".tag_nav_menu #col_1 a:last").addClass("bottom_left");
 
        $(".show_network_menu").click(function() {
            networkFilterVisible = 1;
            $(".tag_nav_menu").toggle();
        });
 
        $(document).click(function() { 
            if(networkFilterVisible == 1){
                networkFilterVisible = 0;
            } else {
                $(".tag_nav_menu").hide();
            }
        });
 
        $(document).click(function() { 
            if(networkFilterVisible == 1){
                networkFilterVisible = 0;
                $(".tag_nav_menu").hide();
                $(".network_down").text("▼");
                $(".show_network_menu").removeClass("active");
            } else {
 
            }
        });
    });
    $(document).bind("paginationComplete", function(e, dataObj) {
        $(".project_rail").each(function(){
            if(!$(".tags", this).hasClass("design_template")) {
                $(".tags", this).addClass("design_template").prepend("Design template:<br/>");    
            }
        });
    });
</script>
[HTML] pobierz, plaintext 

Pokombinuj sam, możesz się na tym opierać Nikt Ci tego przecież za darmo nie napisze bo frajerów nie ma

[motyl-pl]

Nie chce nic za darmo tylko o wskazanie ścieżki, kod analizowałem tam nie tylko w pliku głownym tylko też załączonymi javascriptami ale nic mi to nie dało dlatego tu pisze.

[Qss]

coś na podstawie tego
http://jsfiddle.net/4TfTF/232/

głównie chodzi o to że jeśli zescrollujesz body lub html na tyle ile wynosi offsetTop tego napisu zaczynasz przytrzymywać go w position:fixed.
Jeśli osiągnie pewną wartość to wyłączasz position:fixed

ale position:fixed nie polecam bo dużo zależy od rozdzielczości preferuje powiększać np margin-top

Ten post edytował Qss 1.11.2013, 23:42:00