Limit scrollowania diva

0

Dzień dobry wszystkim,

straszny noob jeszcze ze mnie, więc idzie mi to jak po grudzie. Mam na stronie: http://rollmeup.pl/windery/ diva o id "sidebar", chciałbym mu nadać atrybut position: fixed, tak, by nie wchodził na #footer używam do tego kodu:

function checkOffset() {
var a=$(document).scrollTop()+window.innerHeight;
var b=$('#footer').offset().top;
if (a<b) {
$('#sidebar').css('bottom', '10px');
} else {
$('#sidebar').css('bottom', (10+(a-b))+'px');
}
}
$(document).ready(checkOffset);
$(document).scroll(checkOffset);

W ten sposób:

js w functions.php

który wklejam w ten sposób w functions.php (strona na WP). No i... oczywiście nie działa.

0

utworzyłeś child theme w celu dodania kodu? masz dołączony jQuery w theme?

0

Nie. Sugerowałem się tym co jest tu: https://swoboda.pl/javascript-functions-php-wordpress/

0

Jest kilka rozwiazan na to. Jednym z tych rozwiazan jest nadanie wiekszego z-indexa dla footera (przy pozycji relatywnej). Drugi sposob to Nadanie elementowi ktory jest miedzy header a footer (moze to byc container) wlasciwosci max-height z kalkulacja (np. 100vh - wysokosc footera) i wewnatrz nadac sidebarowi pozycje absolut lub relative i zrobiv fake fixed (czyli container.scroll(function(){sidebar.style.top = container.scrollTop});
). Nie jestem pewien czy o to Ci chodzi i ten kod pewnie nie bedzie dzialal ale chce Ci nakierować myśl... zdecydowanie wolalbym zaimplementowac jquery w wp i dodac wlasny kod z jquery, ktory by mi to w prosty sposob zrobil. Jesli chcesz to moge Ci to w jQuery napisac tak zebys mogl to sobie zaimplementowac i przestudiowac.

0

A jeszcze lepiej:
wchodzisz sobie na ftp w: wp-content > theme > twojTheme i tam szukasz pliku header.php
nastepnie dodajesz w <head> kod <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.js"></script>
plus linkujesz sobie do swojego pliku js: <link type="text/javascript" src="js/moje-funkcje.js">.

LUB dodajesz to w functions.php:

// uruchomienie pliku js
wp_enqueue_script('nazwa-pliku-js', get_template_directory_uri() .'/js/nazwa-pliku-js.js', array('jquery'), null, true);
// include custom jQuery
function shapeSpace_include_custom_jquery() {

	wp_deregister_script('jquery');
	wp_enqueue_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array(), null, true);

}

1 użytkowników online, w tym zalogowanych: 0, gości: 1