Kazuma Labolatory's

Nothing is Impossible. ✿

Menu

【js】僕は .scrollTopメソッドを愛しすぎているw

やはり、この動くのと同時に数字が変化するのが、単純ですが面白すぎて病みつきになりますww え、こんなので喜ぶなんてあなたも単純ですって?(๑≧∀≦)ฅ??←
一番下に、Javascriptのコードも載せておきます?
 

Javascript

document.addEventListener( "scroll", myFunction ); 
// ==   document.onscroll = function(){ myFunction() };

// ==   window.addEventListener( "scroll", myFunction );
// ==   window.onscroll = function(){ myFunction() };

function myFunction() {
    var nav = document.querySelector(".navv");
    var st = document.body.scrollTop;
// ==   var st = window.scrollY;

    nav.innerHTML = st;
}

 

Syntax

object.scrollTop

window.scrollY

 

汎用性が高そうですねコレは✨(⁼̴̀ૢ꒳​⁼̴́ૢ๑)

This Blog uses M+ Font, Logo Type Gothic, Google Fonts and FontAwesome. It"s free & Designed cool font. Greatful for Koji Morishita of M+ Fonts Designer( Creator) and "フォントな" , Google, Adobe, and Dave Gandy!
Background Photos is downloaded by Unsplash.com. Thanks!
|*´-`)チラッ
Please Click Me
本ブログ全てにおいて、アフィリエイトプログラムには参加しておりません(•ᵕᴗᵕ•) 詳しくはこちらをご覧下さい。また、 以下のバナーは、私が「質が高い・あら素敵(ˊo̶̶̷ᴗo̶̶̷`)✨」と感じたサイト様を掲載させて頂いておます_(( _๑´ω`))_⭐️