Div scroll to middle
Ik wil graag dat zo gauw ik op mijn div click en deze dan opend dat de div naar het midden van de pagina scrolled.
Dit werkt wel alleen nu staat het helemaal boven aan de pagina en ik wil het graag in het midden hebben kan dit en zo ja hoe doe je dat dan?
Jquery:
Code (php)
1
$("html,body").animate({scrollTop: $self.offset().top});
Waarom zou een div openen als je er op klikt? Hoe bedoel je?
Ik zie geen div in je code, ik heb geen enkel idee wat je in $self gestoken hebt ...
Kan je zelf tonen wat je hebt, wat de bedoeling is en waar het fout loopt?
Hoe kan je dan dit: $("html,body").animate({scrollTop: $self.offset().top:}); Daarop aanpassen.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
function bindButton() {
var $aantal = $(".focused").length +1;
$(".idboxwrapper").each(function() {
var $self = $(this);
$self.find(".info").click(function() {
var $array = $(".focused:visible").length;
if ($array < 4){
if (!$self.hasClass("focused")) {
$self.addClass("focused");
resizeBoxes();
var currentId = $self.attr('id');
idarray.push(currentId);
//console.log(currentId);
//Dit is het deel dat ik wil aan passen -->
$("html,body").animate({scrollTop: $self.offset().top:});
//
}
}
});
$self.find(".sluiten").click(function(e) {
$self.removeClass("focused");
resizeBoxes();
var removeItem = $self.attr('id');
idarray.splice( $.inArray(removeItem, idarray), 1 );
});
});
}
var $aantal = $(".focused").length +1;
$(".idboxwrapper").each(function() {
var $self = $(this);
$self.find(".info").click(function() {
var $array = $(".focused:visible").length;
if ($array < 4){
if (!$self.hasClass("focused")) {
$self.addClass("focused");
resizeBoxes();
var currentId = $self.attr('id');
idarray.push(currentId);
//console.log(currentId);
//Dit is het deel dat ik wil aan passen -->
$("html,body").animate({scrollTop: $self.offset().top:});
//
}
}
});
$self.find(".sluiten").click(function(e) {
$self.removeClass("focused");
resizeBoxes();
var removeItem = $self.attr('id');
idarray.splice( $.inArray(removeItem, idarray), 1 );
});
});
}
Gewijzigd op 21/06/2013 15:29:43 door Marco Hendriks