Есть ли способ получить тег HTML на определенной высоте?

Question

Я могу получить высоту всего контейнера с помощью jQuery, я хочу добавить тег H1 после высоты 500px внутри контейнера.

var height = $("body").find(".container"). innerHeight();
if(height > 800){
 //Get here div on height 600 and insertAfter('<h1>New Heading</h1>') after that element on height 600, and insert H1 tag after closing that specific element  
}

var height = $("body").find(".container"). innerHeight();
if(height > 800){
 //Get here div on height 600 and insertAfter('<h1>New Heading</h1>') after that element on height 600, insert H1 tag right after specific element  
}

Answer 1

$(document).ready(function(){ 
  $(window).bind('scroll', function() { 
    var navHeight = $( window ).height() - 600; 
    if ($(window).scrollTop() > navHeight){
      $('.header').addClass('headcolor'); $('.nave_stickey_text').fadeIn(); 
    } else { 
      $('.header').removeClass('headcolor'); 
      $('.nave_stickey_text').fadeOut(); 
    }
  });
});

Answer 2

Если я правильно вас понял, вы можете выполнить это с помощью нескольких стилей:

HTML:

<div class="container">
   <h3 class="customTag">Im Your H3</h3>
</div>

CSS:

.container{
    position: relative;
    height: 800px;
    width: 600px;
    background-color: red;
}
.customTag{
    position: absolute;
    bottom: 500px;
    background-color: yellow;
    }

Вот демонстрация для вас:https://codepen.io/init1/pen/ExxpxoM