SKype SanGat Gurbani - Iframe Scroll

index.html

<div id="parent-container">
<input type="text" id="txtGurbaniURL" value="
http://sttm.co/s/3504" />

<input type="button" id="btnLoadURL" value="Load Page" />
  
  
  <div style="clear:both"></div>
<iframe name="ssGurbaniIframe" id="ssGurbaniIframe" src="" width="468" height="300"></iframe>

</div>

script.js

$(function() {
  var shabadBaseUrL = "https://www.sikhitothemax.org/shabad",
    paramId = "?id=";

  $("#btnLoadURL").on("click", function() {
    var gLink = $("#txtGurbaniURL").val(),
      shabadId = getShabadId(gLink.split("/")),
      shabadURL = shabadBaseUrL + paramId + (shabadId !== undefined ? shabadId : 1);

    $("#ssGurbaniIframe").attr("src", shabadURL);
    $("#ssGurbaniIframe").css({
      border: "1px solid red"
    });

   $("#ssGurbaniIframe").contents().scrollTop(400);
  });

  function getShabadId(a) {
    var z, id;
    if (a && a.length) {
      a.forEach(function(i) {
        z = parseInt(i);
        if (z && typeof z === "number") {
          id = z;
        }
      });
      
      return id;
    }
  }
});

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

skype-sangat-gurbani-iframe-scroll.markdown

SKype SanGat Gurbani - Iframe Scroll

A Pen by Jatinder on CodePen.

License.