---
title: "Scrolla ned, div flyter upp?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/188951-scrolla-ned-div-flyter-upp"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jeppeweb"
published: "2012-01-07T11:29:26.000Z"
updated: "2012-01-07T18:41:28.000Z"
replies: 1
views: 1078
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/188951-scrolla-ned-div-flyter-upp"
---

# Scrolla ned, div flyter upp?

## #1 — Jeppeweb, 2012-01-07T11:29Z

Hej,

Jag försöker uppnå en effekt som liknar den som återfinns på den här sajten: <http://www.geoffroydeboismenu.com/>

Där menyn flyter upp när man scrollar ned och överlappar, i detta fall, "bild" divven.

Koden jag har för stunden är denna:

```
$(window).scroll(function(){            
    $("#container").stop().animate({ "marginTop": ($(window).scrollTop() + 30) + "px"}, "slow"); 
});
```

Men den koden gör i princip det motsatta; divven följer med ned när man scrollar, istället för att "åka" upp.

Det jag är ute efter är att min #container div ska överlappa min #slider div.

Hur uppnår jag den här effekten på smidigast sätt? Tacksam för all hjälp!

Permalänk: https://www.webforum.nu/p/188951

## #2 — voigtann1, 2012-01-07T18:41Z

det är nog mer att man ändra opaciteten på en position fixed bilden beroende på var content innehållet är.

kolla hans scrollPage metod.

Eller vilken "effekt" är du ute efter?

Permalänk: https://www.webforum.nu/p/2290144

---

Tråden på webben: https://www.webforum.nu/amne/javascript/188951-scrolla-ned-div-flyter-upp