javascript & ajax samples to improve your web development.
トップページ
/ JavaScriptオンラインエディタ
JavaScriptオンラインエディタ
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行&動作確認できます。
<script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> function execute() { Position.prepare(); var ret = Position.withinIncludingScrolloffsets($("sample"), 50, 50); alert(ret); } </script> <body> スクロールの位置がBOX内でX=50,Y=50の位置に存在するかどうか? <hr> <div id="sample" style="background-color:red;overflow:scroll;height:100px;width:100px"> aaaa element1<br> aaaa element2<br> aaaa element3<br> aaaa element4<br> aaaa element5<br> aaaa element6<br> aaaa element7<br> aaaa element8<br> aaaa element9<br> </div> <button onclick="execute()">サンプル実行</button> </body>
スクリプト実行結果が表示されます。