Przewijanie strony do wybranego fragmentu HTML JS

Voidereles · 12 Czerwca 2016

Otóż mam stronę 'one-page'. Jest na górze menu, po kliknięciu w którąś opcję przewija się stronka do wybranego fragmentu. Działa mi to w Chrome, Vivaldi, Opera, Edge, nie działa w Internet Explorerze 11 oraz Firefoxie. Chciałbym by działało we wszystkich przeglądarkach...

kod js:

$(document).ready(function() {
  $("#oferta").click(function() {
    $('html, body').animate({
      scrollTop: $("#ofertaa").offset().top - 120
    }, 1000);
  });
});

$(document).ready(function() {
  $("#kontaktt").click(function() {
    $('html, body').animate({
      scrollTop: $("#kontakt").offset().top - 120
    }, 1000);
  });
});

$(document).ready(function() {
  $("#dojazdd").click(function() {
    $('html, body').animate({
      scrollTop: $("#dojazd").offset().top - 120
    }, 1000);
  });
});

$(document).ready(function() {
  $("#ofirmiee").click(function() {
    $('html, body').animate({
      scrollTop: $("#firma").offset().top - 120
    }, 1000);
  });
});

Pomoże ktoś?

Karister · 13 Czerwca 2016

Ten JS działa w każdej przeglądarce. Albo masz go wyłączonego w części przeglądarek, abo błąd jest w HTML. To działa w IE, Chrome, FF:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery Example</title>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $("#oferta").click(function() {
      $('html, body').animate({
      scrollTop: $("#ofertaa").offset().top - 120
    }, 1000);
  });
});

$(document).ready(function() {
  $("#kontaktt").click(function() {
    $('html, body').animate({
      scrollTop: $("#kontakt").offset().top - 120
    }, 1000);
  });
});
</script>
<style>
  .big {height: 2000px;}
</style>
</head>
<body>
  <button id="ofertaa">oferta</button>
  <button id="kontaktt">kontakt</button>
  <div id="oferta" class="big">oferta</div>
  <div id="kontakt" class="big">kontakt</div>
</body>
</html>

Voidereles · 14 Czerwca 2016

Dziękuję ślicznie za odpowiedź, jednak problem rozwiązałem trochę inaczej wczoraj już po południu, tylko zapomniałem napisać. W HTMLu użyłem a href'ów zamiast buttonów i spanów z id, a w javascripcie te 4 podobne do siebie funkcje zmieniłem na jedną:

$('#wybor a').click(function(){
    var $href = $(this).attr('href');
    var $anchor = $($href).offset().top - 130;
    $('html, body').animate({ scrollTop: $anchor }, 1000);
    return false;
});

Zaloguj się

Przewijanie strony do wybranego fragmentu HTML JS

Recommended Posts

Voidereles 1695

Link to post

Share on other sites

Karister 727

Link to post

Share on other sites

Voidereles 1695

Link to post

Share on other sites

Dołącz do dyskusji

Ostatnio przeglądający 0 użytkowników