One Page web - linkovanie [vyriešené]

F3RY · Napísal **F3RY**: 26.04.2016 22:57

Zdravim, mam problem s prelikovanim webu. Pouzivam bootstrap. One page stranka ma menu - sekcie rozdelene na: #section1, #section2... To mi aj funguje. Problem nastava, ak sa snazim prelinkovat napr. na #section2 z externej stranky. Kod:

Kód:

Na index.html sa dostanem, ale do #section2 uz nie. Vie niekto ako na to? Treba to riesit cez JS? Aj by som si to vygooglil, len neviem, ako to hladat

Ked uz som zalozil tuto temu, tak sa opytam este jednu otazku ohladom SEO.
Viem, ze pri SEO optimalizacii dost zalezi na strukture a hierarchii webu. Samotny index.html ma 11 H1. Bude to problem? Alebo vie rozlisit, ze sa jedna o one page web? Dakujem.

Kraliček · Napísal **Kraliček**: 26.04.2016 23:08

Ak máš v sekcie v <section> tak tie h1 nevadí. Samozrejme, ak nemáš scrollovanie na #section2 treba tam užívateľa presunúť, cez js. Hľadaj scroll to div ale neviem ako to je v bootstrape, skus si len upraviť http://stackoverflow.com/questions/14524297/how-to-scroll-to-div-after-click-on-about-or-contact-in-my-menu

F3RY · Napísal autor témy **F3RY**: 26.04.2016 23:40

Dakujem za odpoved. Ano, tie podstranky mam v sekciach. Presun pouzivatela na jednotlive sekcie v samotnom webe mi funguje. Avsak presun nefunguje ak prichadzam z ineho webu. (napr. z ineho webu potrebujem ist na index.html do section2. Na index.html sa dostanem, ale nepresunie na tu sekciu) V JS robit viem, ale netusim ako tento problem vyriesit. Nerad by som to komplikoval posielanim URL, pripadne implementovanim PHPcka...

Kraliček · Napísal **Kraliček**: 26.04.2016 23:51

Nebude to najlepšie riešenie ale ak sa dĺžka url nemení tak by som použil http://www.w3schools.com/jsref/jsref_substring.asp , zistím akú sekciu uzivatel chce a potom ho tam len hodim.

hatto13 · Napísal **hatto13**: 27.04.2016 9:57

na to aby ti to fungovalo (z externeho webu) nemas preco potrebovat JS, to je nativne spravanie html.
napadaju mi dve veci, kvoli ktorym by to nemuselo fungovat:
1. mas spravne zadane id? <section id="section2">
2. nemas v js nejaky preventDefault, ktory zabrani nativnemu skrolovaniu pri nacitani stranky?

ak ani jedno z toho, skus postnut html a js, nech vidime lepsie co si tam urobil

chrono · Napísal **chrono**: 27.04.2016 21:30

Áno, musíš to riešiť cez javascrpt (viac menej rovnako, ako je riešené to menu). Php by ti v tomto prípade nijako nepomohlo (pretože tú časť url za znakom # prehliadač serveru neposiela).

// Spojený príspevok Str 27.04.16 21:32

Kraliček píše:

Nebude to najlepšie riešenie ale ak sa dĺžka url nemení tak by som použil http://www.w3schools.com/jsref/jsref_substring.asp , zistím akú sekciu uzivatel chce a potom ho tam len hodim.

Prípadne môže použiť niečo ako window.location.hash

F3RY · Napísal autor témy **F3RY**: 28.04.2016 0:18

Dakujem za rady. Je vidiet, ze sa vyznate. Najprv som to spravil, ako mi poradil Kralicek. Teda rozparsoval som URL a vytiahol sekciu, ktoru som poslal funkcii na skrolovanie. Funguje to super. Ak by niekto potreboval, tu je kod:

Kód:

$(document).ready(function(){

   function scroll(url){
      var $anchor = document.getElementById(url);
                $('html, body').stop().animate({
                    scrollTop: $($anchor).offset().top
                }, 1500, 'easeInOutExpo');
   }
   
   $.urlParam = function(){
      var url = window.location.href;
      return url.split('#')[1];
   }

   if (window.$.urlParam()){
      scroll($.urlParam());
   }
   
});

Hatto ty mas tiez pravdu. Ano, v povodnej funkcii, som mal preventDefault, ktory som si nevsimol. Po jeho odstraneni to funguje vyborne.

Este raz Vam dakujem.

One Page web - linkovanie [vyriešené]

Podobné témy