Standard top som ruller med ned

Du bliver nok nødt til at blande lidt JavaScript ned over - først er din top placeret normalt og når siden er scrollet 100+ pixel sætter du nye styles/klasser på og gør toppen fixed.

Hvilket du har link til lille guide kunne det være super. Kan ikke helt få det til at virke.

ikke uden at jeg finder noget tilfældigt på Google. Jeg vil hellere se hvad du har forsøgt at lave selvom det næppe kan være meget på 20 minutter.

1: Drop tabel løsningen og div eller semantiske html5 tags
2: Smid CSS i selvstændig fil
3: Brug jquery scroll, jquery height og animate til at sørge for linjen kører op når man scroller eller evt. bare jquery css hvis der ikke skal være animation

og brug div eller semantiske html5 tags skulle der stå

Kiggede i denne - eksempel 2
http://css-tricks.com/scroll-fix-content/

Eventen jeg håber fange min scroll. Nok det som driller.

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" language="javascript">
        var menuscrollerjs = $("#menuscroller");
        menuscrollerjs.on("scroll", function (e)
        {
            if (this.scrollTop > 100)
                {
                menuscrollerjs.addClass("menuscrollerfixed");
                }
            else {
                menuscrollerjs.removeClass("menuscrollerfixed");
                }
        });
    </script>

**
Tabellen der først sætte sig fast efter at have scrollet 100.

    <table width="100%" border="0" id="menuscroller" style="z-index:100;opacity:0.9;background-color:white;">
        <tr>
            <td align="center">
                    <table width="1010px" border="0">
                    <tr>
                        <td style="text-align:right;" height="53px">Sub menu</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

**
Class som skal slå til fra

.menuscrollerfixed
{
    position: fixed;
}

Betyder det så at du er færdig eller at du stadig har udfordringer?

Det eneste jeg ikke kan lide ved din løsning er at funktionen i scroll-eventen bankes af hver gang og hvis du sætter en gang console.log på kan du se at det er rigtig rigtig mange gange. Derfor pakker man det normalt ind i en timer så det maksimalt fyres afsted fx hver 100ms.

Det virker ikke helt for mig. Der er et eller andet som gør den nu ikke bliver fixed.
Og jeg kommer slet ikke ind i min if sætning.

Ja hvis jeg engang får det til at virke vil jeg kigge på det med timer.

Jeg ved ikke hvordan din kode er sat op - men for at det skal kunne virke skal dit JavaScript enten (og helst) ligge i bunden af siden eller også skal du pakke det ind i ready; http://api.jquery.com/ready/

Mange tak for hjælpen. Kan du ligge svar keysersoze.

svar