Scroll funtion with Javascript
Ik heb over onderstaande al eerder een topic geopend, echter geen reacties op ontvangen.
Nu probeer ik het met een nieuwe topic.
Ik heb onderstaande stukje javascript
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var $sidebar = $("#ProductOverviewBox"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
}, 400);
} else {
$sidebar.stop().animate({
marginTop: 0
}, 400);
}
});
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
}, 400);
} else {
$sidebar.stop().animate({
marginTop: 0
}, 400);
}
});
De div met id ProductOverviewBox scrolled netjes me nagelang de bezoeker naar beneden scrolled. Echter kan er oneindig doorgescrolled worden... Dit wil ik niet en ben op zoek naar een oplossing zodat de scrollfunction stopt wanneer het de onderkant van de website heeft bereikt.
Ik hoop dat jullie mij hiermee kunnen helpen.
Er zijn nog geen reacties op dit bericht.