Hej,
Jeg har lavet en hjemmeside, hvor der fremkommer et "til-toppen" link,
når der scrolles ned på siden.
Ved klik på linket starter en animation (jQuery) - d.v.s. det gør der
ikke i IE Edge...
jQuery-delen ser således ud:
$(window).scroll(function () {
var scrollHeight = $('#wrapper').height() / 4,
boxWidth = $("#wrapper").width(), rightMargin = ($(window).width() -
boxWidth) / 2 - 50;
if ($(window).scrollTop() > scrollHeight) {
$('#tiltop').css("right", rightMargin + "px").fadeIn('slow');
$('#tiltop').click(function () {
$("html").stop(true, false).animate({ scrollTop: 0 }, 2000);
$("#jump").prop('selectedIndex', 0);
});
}
if ($(window).scrollTop() < scrollHeight) {
$('#tiltop').fadeOut('slow');
}
});
html'en:
<p id="tiltop" title="Til toppen af siden"> </p>
Link til siden:
http://1dpb.dk/ (du skal muligvis navigere til en
underside, hvis din skærm har meget høj opløsning - evt. minimere
vinduet).
Er der nogen, som har en forklaring på, hvorfor det fejler?
På forhånd tak.
--
Med venlig hilsen
Dennis Munding