{"id":189,"date":"2010-04-03T12:57:56","date_gmt":"2010-04-03T07:27:56","guid":{"rendered":"http:\/\/vikku.info\/codesnippets\/?p=189"},"modified":"2010-04-03T13:00:13","modified_gmt":"2010-04-03T07:30:13","slug":"scroll-div-html-elements-using-javascript","status":"publish","type":"post","link":"http:\/\/vikku.info\/codesnippets\/javascript\/scroll-div-html-elements-using-javascript\/","title":{"rendered":"Scroll DIV, HTML elements using Javascript"},"content":{"rendered":"<p>Javascript Code<\/p>\n<pre lang='javascript'>\r\n<script>\r\nvar sc, maxscroll, minscroll=0;\r\nvar uptime, downtime\r\nvar pixelsteps=5;\r\nwindow.onload = function()\r\n{\r\n\tsc = document.getElementById('wn3');\r\n\tmaxscroll = sc.scrollHeight - sc.offsetHeight\r\n\tminscroll = 0\t\t\r\n}\r\n\r\nfunction scrollup()\r\n{\r\n\tuptime = window.setInterval('scrollUp()',1)\r\n}\r\nfunction scrolldown()\r\n{\r\n\tdowntime = window.setInterval('scrollDown()',1)\r\n}\r\n\r\nfunction scrollUp()\r\n{\r\n\tif(sc.scrollTop>0)\r\n\t\tsc.scrollTop = sc.scrollTop - pixelsteps\r\n\twindow.location.hash = sc.scrollTop\t\t\r\n}\r\nfunction scrollDown()\r\n{\r\n\tif(sc.scrollTop<maxscroll)\r\n\t\tsc.scrollTop = sc.scrollTop +  pixelsteps\r\n\twindow.location.hash = sc.scrollTop\r\n}\r\n\r\nfunction clearscroll()\r\n{\r\n\tif(uptime)window.clearInterval(uptime)\r\n\tif(downtime)window.clearInterval(downtime)\t\r\n}\r\n<\/script>\r\n<\/pre>\n<p>HTML Code<\/p>\n<pre lang='html4strict'>\r\n\r\n<img src=\"up.gif\" onmousedown=\"scrollup();\" onmouseup=\"clearscroll();\" \/><br>\r\n<img src=\"dn.gif\" onmousedown=\"scrolldown();\" onmouseup=\"clearscroll()\"  \/>\r\n\r\n<\/pre>\n<p><\/p>\n<p>== Version 2 ==<\/p>\n<prelang='javascript'>\r\nvar sc, maxscroll, minscroll=0;\r\nvar uptime, downtime\r\nvar pixelsteps=2;\r\nvar delay = 10\r\nfunction inscroll(src)\r\n{\r\n\tif(arguments.length>1)pixelsteps = arguments[1]\t\r\n\tif(arguments.length>2)delay = arguments[2]\t\t\r\n\t\r\n\tsc = document.getElementById(src);\r\n\tmaxscroll = sc.scrollHeight - sc.offsetHeight\r\n\tminscroll = 0\t\t\r\n}\r\n\r\nfunction scrollup()\r\n{\r\n\tuptime = window.setInterval('scrollUp()',delay)\r\n}\r\nfunction scrolldown()\r\n{\r\n\tdowntime = window.setInterval('scrollDown()',delay)\r\n}\r\n\r\nfunction scrollUp()\r\n{\r\n\tif(sc.scrollTop>0)\r\n\t\tsc.scrollTop = sc.scrollTop - pixelsteps\r\n}\r\nfunction scrollDown()\r\n{\r\n\tif(sc.scrollTop<maxscroll)\r\n\t\tsc.scrollTop = sc.scrollTop +  pixelsteps\r\n}\r\n\r\nfunction clearscroll()\r\n{\r\n\tif(uptime)window.clearInterval(uptime)\r\n\tif(downtime)window.clearInterval(downtime)\t\r\n}\r\n<\/pre>\n<p><\/p>\n<p>You have to call inscroll('divid',pixelincrementvalue,delay);<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Javascript Code HTML Code == Version 2 == var sc, maxscroll, minscroll=0; var uptime, downtime var pixelsteps=2; var delay = 10 function inscroll(src) { if(arguments.length>1)pixelsteps = arguments[1] if(arguments.length>2)delay = arguments[2] sc = document.getElementById(src); maxscroll = sc.scrollHeight &#8211; sc.offsetHeight minscroll = 0 } function scrollup() { uptime = window.setInterval(&#8216;scrollUp()&#8217;,delay) } function scrolldown() { downtime = window.setInterval(&#8216;scrollDown()&#8217;,delay) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"http:\/\/vikku.info\/codesnippets\/wp-json\/wp\/v2\/posts\/189"}],"collection":[{"href":"http:\/\/vikku.info\/codesnippets\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/vikku.info\/codesnippets\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/vikku.info\/codesnippets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/vikku.info\/codesnippets\/wp-json\/wp\/v2\/comments?post=189"}],"version-history":[{"count":3,"href":"http:\/\/vikku.info\/codesnippets\/wp-json\/wp\/v2\/posts\/189\/revisions"}],"predecessor-version":[{"id":191,"href":"http:\/\/vikku.info\/codesnippets\/wp-json\/wp\/v2\/posts\/189\/revisions\/191"}],"wp:attachment":[{"href":"http:\/\/vikku.info\/codesnippets\/wp-json\/wp\/v2\/media?parent=189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/vikku.info\/codesnippets\/wp-json\/wp\/v2\/categories?post=189"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/vikku.info\/codesnippets\/wp-json\/wp\/v2\/tags?post=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}