「javascript/page-bottom」の編集履歴(バックアップ)一覧はこちら

javascript/page-bottom」(2021/03/04 (木) 13:28:36) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

#js(){{{{{ <style> div#page-bottom { width: 198px; text-align: center; font-size: 20px; background: #333; color: #fff; padding: 5px; } div#page-bottom:before{content: "▼";} </style> <script type="text/javascript"> $(function(){ var interval = 750; $("div#page-bottom").bind("touchstart", function(){ console.log("bbb"); timer = setTimeout( function(){ $('html,body').animate({scrollTop: $(document).height()},1500); return false; }, interval ); function clearFunction(){ clearTimeout( timer ); } $("div#page-bottom").bind( "touchend touchmove touchcancel", clearFunction ); }); $("div#page-bottom").bind("dblclick", function(){ $('html,body').animate({scrollTop: $(document).height()},1500); return false; }); }); </script> }}}}} #html2(){ <div id="page-bottom"></div> } #js(){{{{{ <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-88430431-1', 'auto'); ga('send', 'pageview'); </script> }}}}}
#js(){{{{{ <style> div#page-bottom { width: 198px; text-align: center; font-size: 20px; background: #333; color: #fff; padding: 5px; } div#page-bottom:before{content: "▼";} </style> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var interval = 750; $("div#page-bottom").bind("touchstart", function(){ console.log("bbb"); timer = setTimeout( function(){ $('html,body').animate({scrollTop: $(document).height()},1500); return false; }, interval ); function clearFunction(){ clearTimeout( timer ); } $("div#page-bottom").bind( "touchend touchmove touchcancel", clearFunction ); }); $("div#page-bottom").bind("dblclick", function(){ $('html,body').animate({scrollTop: $(document).height()},1500); return false; }); }); </script> }}}}} #html2(){ <div id="page-bottom"></div> } #js(){{{{{ <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-88430431-1', 'auto'); ga('send', 'pageview'); </script> }}}}}

表示オプション

横に並べて表示:
変化行の前後のみ表示: