Jak zrobić żeby płynnie przewijało stronę bez hasztagu w hrefie

Question

Jak zrobić żeby płynnie przewijało stronę. bez robienia hasztagu w hrefie tylko kropkę ponieważ większośc divów i nagłówków mam robione pod klasy a nie id i chciałbym żeby href był zrobiony pod klase czyli kropkę. I czy wogóle jest możliwe to a jeśli nie to czy są inne sposoby?

Answer 1

Jeśli przewijasz do sekcji na stronie, przewijasz do punktu nawigacyjnego. Nie ma sensu psuć natywnych mechanizmów przeglądarki tylko i wyłącznie dlatego, że nie chcesz dodać [id] do poszczególnych elementów.

Comments

Czyli rozumiem że klas nie da rady wstawić tylko id da radę?

---

Bez specjalnie udziwnionego skryptu nie da rady.

Answer 2

Nie robimy anchorów do klas. Jak już to ID. 
A jeżeli chodzi o płynne przewijanie to kod poniżej zostawiam do przeanalizowania :) 

 

  $(document).on('click', 'a[href^="#"]', function(e) {
    var id = $(this).attr('href');
    var $id = $(id);
    if ($id.length === 0) {
        return;
    }
    e.preventDefault();
    var pos = $(id).offset().top;
    $('body, html').animate({scrollTop: pos});
  });

 

 

Comments

Czyli rozumiem że klas nie da rady wstawić tylko id da radę?

---

Jedno zastrzeżenie do podanego skryptu: nie zmienia hasha.