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).
Nejnovější komentáře