javascript - check the horizontal scroll bar reached at end of webview -


this question has answer here:

i working webview inside 2d scroll view whenever tried computescrollrange() ,computescrolloffset() etc these methods not returning value want use javascript detect horizontal scroll bar reached @ end of webview please suggest me way how create function return boolean value tell whether @ end or not using way either in android or javascript/jquery

<!doctype html> <html>  <head> <meta content="text/html; charset=utf-8" http-equiv="content-type"> <title>scroll detect</title> <script type="text/javascript"> var sym=0; var sxm=0; var cxs=0; var cys=0; window.onscroll=function (){ if ('scrollmaxx' in window){ sxm=window.scrollmaxx; sym=window.scrollmaxy; } else{ sxm = document.documentelement.scrollwidth - document.documentelement.clientwidth; sym = document.documentelement.scrollheight - document.documentelement.clientheight; } if ('pagexoffset' in window) {// browsers, except ie before version 9 cxs=window.pagexoffset; cys=window.pageyoffset; } else {  // internet explorer before version 9     cxs=document.documentelement.scrollleft; cys=document.documentelement.scrolltop; }  if(cys==sym&&sym>0){alert("the horizontal scroller in bottom")} if(cxs==sxm&&sxm>0){alert("the horizontal scroller in right")} } </script> </head> <body> <div style="height:4000px; background:#909090; width:900px"></div> </body> </html>

you can repleace alert by function or use less annoying boolean

<!doctype html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="content-type"> <title>scroll detect</title> <script type="text/javascript"> var sym=0; var sxm=0; var cxs=0; var cys=0; var xst=false;//is horizontal scroller on top var xsb=false;//is horizontal scroller on bottom var ysl=false;//is vertical scroller on left var ysr=false;//is vertical scroller on right window.onscroll=function (){ if ('scrollmaxx' in window){// browsers, except ie lower 9 sxm=window.scrollmaxx; sym=window.scrollmaxy; } else{ // internet explorer lower 9  sxm = document.documentelement.scrollwidth - document.documentelement.clientwidth; sym = document.documentelement.scrollheight - document.documentelement.clientheight; } if ('pagexoffset' in window) {// browsers, except ie lower 9 cxs=window.pagexoffset; cys=window.pageyoffset; } else { // internet explorer lower 9     cxs=document.documentelement.scrollleft; cys=document.documentelement.scrolltop; }  if(cys==sym&&sym>0){xsb=true;xst=false;} if(cxs==sxm&&sxm>0){ysr=true;ysl=false;} if(cys==0&&sym>0){xsb=false;xst=true;} if(cxs==0&&sxm>0){ysr=false;ysl=true;}  } </script> </head> <body> <div style="height:4000px; background:#909090; width:900px"></div> </body> </html>

Comments

Post a Comment