harapara score 26
2019/03/08 13:16 投稿
| グローバルオブジェクトが呼び出せない（ウィンドウオブジェクト内で） |
| ウェブ制作で以下作りました |
| 「トップまであがるボタン(.to_top)が200スクロールで表示される」 |
| ``` |
| var top = $(".to_top"); |
| //スクロール200でボタン表示 |
| $(window).scroll(function(){ |
| var scroll = $(window).scrollTop(); |
| var windowHeight = $(window).height(); |
| if(scroll > 200){ |
| top.fadeIn(500); |
| }else { |
| top.fadeOut(500); |
| } |
| ... |
| }); |
| //クリックでトップまでスクロール |
| $(document).on("click", |
| $(document).on("click",".to_top",function(){ |
| $("html").animate({scrollTop:0},300); |
| }); |
| ``` |
| このままだと「top.fadeIn is not a function（fadeOutも同様）」とエラーでます |
| var top = $(".to_top");をwindowオブジェクト内にいれると上手くいきます |
| それで解決なのですが、今後のために解決しておきたいです |
| 最初のコードも定義を外に出していてグローバルのはずなのに、scroll内で呼び出せないのは何ででしょうか |
| windowオブジェクトが関係してるとかですかね、、 |
| windowオブジェクトが関係してるとかですかね、、 |
