Necessario PHP ou Javascript?

[Giihh 6]

Olá,

 

Quero que ao rolar o scroll até a metade de um conteudo seja exibida uma div que esta fixa

 

https://jsfiddle.net/uxzw8qyw/

 

Minha duvida preciso jogar o conteudo em uma variavel no php para identificar quando o scroll chegou na metade do conteudo?, não é na metade da pagina e sim do texto principal exibido.

 

Agradeço ajuda

[ESerra 744]

Isso é JS.

[Giihh 6]

Uma sugestão de como começar? propriedades etc?

[William Bruno 1501]

Leia:

 

http://wbruno.com.br/javascript-puro/como-fazer-menu-fixo-apartir-de-certa-rolagem-da-pagina/

[Giihh 6]

Obrigada Willian Bruno, consegui assim:

window.onscroll = function(){
   var top = window.pageYOffset || document.documentElement.scrollTop
   if( top > 400 ) {
       document.getElementById("fixado").style.display = "table";
   }
      if( top < 400 ) {
       document.getElementById("fixado").style.display = "none";
   }
}

[Giihh 6]

mas quando tento colocar um botão para ocultar definitivamente, não estou conseguindo:

window.onscroll = function(){
   var top = window.pageYOffset || document.documentElement.scrollTop
   if( top > 400 ) {
       document.getElementById("fixado").style.display = "table";  
	   if function fecharFixado() {
	      document.getElementById("fixado").style.display = "none";
            }
   }
      if( top < 400 ) {
       document.getElementById("fixado").style.display = "none";
   }
}

<div class="owl-thumbs">
    <button onclick="fecharFixado()">X</button>
      <button class="owl-thumb-item">texto 1</button>
      <button class="owl-thumb-item">texto 2</button>
  </div>