kotva

Oprava posunu na stránce pomocí kotev při odkazu z jiné stránky

Pokud v Divi šabloně používáte posun na stránce pomocí CSS ID a odkazu s kotvou, tak vše funguje dobře až do té doby, než kotvu použijete při odkazu na jiné stránce.

Například kdybyste měli na stránce Kontakt kontaktní formulář s CSS ID kontaktniformular, tak odkaz z jiné stránky webu na tento formulář by vypadal takto:

  • https://www.divi.cz/kontakt/#kontaktniformular

V případě, že používáte pevnou hlavičku, tak by ale posun nebyl odsazen o její výšku a mohla by část formuláře zakrývat.

Abyste tuto chybu opravili, musíte vložit následující kód do hlavičky stránky (kód obalte tagem script):

document.addEventListener('DOMContentLoaded', function(event){

if (window.location.hash) {
// Start at top of page
window.scrollTo(0, 0);

// Prevent default scroll to anchor by hiding the target element
var db_hash_elem = document.getElementById(window.location.hash.substring(1));
window.db_location_hash_style = db_hash_elem.style.display;
db_hash_elem.style.display = 'none';

// After a short delay, display the element and scroll to it
jQuery(function($){
setTimeout(function(){
$(window.location.hash).css('display', window.db_location_hash_style);
et_pb_smooth_scroll($(window.location.hash), false, 800);
}, 700);
});
}
});


K vložení kódu můžete použít child šablonu nebo jej vložit přes nastavení Divi (v administraci WordPress Divi → Nastavení šablony → Integrace → Přidat kód do < head > vašeho webu).

25% SLEVA NA DIVI ŠABLONU
NÁVODY | TIPY | NOVINKY

NÁVODY | TIPY | NOVINKY

Nechte si zasílat nové články o šabloně Divi přímo do e-mailu.

You have Successfully Subscribed!

Sdílej