Funkcja PageScroll2id dla button'a.

Question

Dzień dobry,

mam problem z wyświetlaniem się przycisku na mobile. Otóż. Przycisk na monitorze jest przyklejony do dołu strony i podczas scrollowania nie zmienia swojego położenia. Natomiast na mobile chciałabym, aby button po wejściu na stronę był niewidoczny i pojawiał się dopiero przy zescrollowaniu do konkretnej sekcji na stronie. Chciałam zastosować plugin jQuery "PageScroll2id".

Kod HTML przycisku:

<div class="button_open" id="button_open"></div>

(...)

<div id="trzecia_sekcja>
      <h2>Trzecia sekcja</h2>
</div>

 

Kod CSS:

.button_open{.......style......}

@media screen and (max-width: 960px) {
	.button_open{display: none;}
	.vis_button{display: block;}
}

 

jQuery:

$(document).ready(function () {

	$('.button_open').mPageScroll2id();

    var ww = window.screen.width;

    if(ww<960) {
    	var posButton= $('#button_open').offset().top;
	    var posTrzeciaSekcja = $('#trzecia_sekcja').offset().top;

	    $(window).scroll(function() {
	      if ($(window).scrollTop()>posTrzeciaSekcja) {
	        $('#button_open').addClass('vis_button');
	      } else $('#button_open').removeClass('vis_button');
	    });
    }
})

 

Coś jest nadal nie tak - nie mam jeszcze zbyt obszernej wiedzy na temat JS/jQuery dlatego proszę o pomoc.

 

Pozdrawiam,

Ala