Տարրերի սքրոլլ JavaScript-ում
Հետևյալ հատկությունները պարունակում են այն, թե որքան է տարրը սքրոլլվել.
console.log(elem.scrollTop); // վերևից
console.log(elem.scrollLeft); // ձախից
Հետևյալ օրինակը ցույց է տալիս այդ հատկությունների աշխատանքը: Սքրոլլեք տարրը և սեղմեք կոճակին, դուք կտեսնեք սքրոլլի մեծությունը.
Տրված է տարր և կոճակ: Կոճակի վրա սեղմելով պարզեք, թե որքան է տարրը սքրոլլվել ուղղահայաց:
Տրված է տարր և կոճակ: Կոճակի վրա սեղմելով ստուգեք, արդյոք տարրը սքրոլլվել է ուղղահայաց:
Սքրոլլեք տարրը մինչև վերջ: Սեղմեք կոճակին, որպեսզի ցուցադրվի լրիվ սքրոլլի մեծությունը:
Ստացեք տարրի scrollHeight
և դրանից հանեք լրիվ սքրոլլի մեծությունը
(նախորդ առաջադրանքից): Ի՞նչ արժեք կստացվի:
Ի՞նչ չափեր է այն պարունակում իր մեջ:
Գումարեք offsetHeight և լրիվ սքրոլլի մեծությունը:
Այդ գումարը հանեք scrollHeight արժեքից:
Ի՞նչ թիվ կստացվի:
