JSFiddle - React, Tailwind, and code Playground

by fezec

HTML

<div id="main" style="height: 2500px;">
   
       <div class="street-view">
        
    </div>
       <div class="hotspot" style="top:100px; left: 130px;">
        #1
    </div>
       <div class="hotspot" style="top: 800px; right: 130px;">
    #2
    </div>
       <div class="hotspot" style="top: 1000px; left: 130px;">
        #3
    </div>
       <div class="hotspot" style="top: 1500px; left: 130px;">
        #4
    </div>
       <div class="hotspot" style="top: 2100px; right: 130px;">
        #5
    </div>
</div>

SCSS

.hotspot{
 position:absolute;   
}

JavaScript

$(function(){

    var ar=$(".hotspot");
    
  var maps=  $.grep(ar,function(n,i){
      var tip=($(n));
        var pos=tip.position().top
        return pos>0&&pos<2200;
        
    });
    
    
    console.log(maps)
});