Pertanyaan yang diberi tag «scroll»

Pengguliran mengacu pada pengalihan konten secara kontinu di layar tampilan.

6
Menganimasikan scroll ke ID saat halaman dimuat
Im tring untuk menganimasikan scroll ke ID tertentu saat pemuatan halaman. Saya telah melakukan banyak penelitian dan menemukan ini: $("html, body").animate({ scrollTop: $('#title1').height() }, 1000); tapi ini sepertinya mulai dari ID dan beranimasi ke bagian atas halaman? HTML (yang berada di tengah halaman) adalah: <h2 id="title1">Title here</h2>

14
Gulir kembali ke bagian atas div yang dapat digulir
<div id="containerDiv"></div> #containerDiv { position: absolute; top: 0px; width: 400px; height: 100%; padding: 5px; font-size: .875em; overflow-y: scroll; } document.getElementById("containerDiv").innerHTML = variableLongText; Bagaimana cara mengatur ulang posisi gulir kembali ke atas div kontainer di lain waktu?
122 javascript  html  scroll 


10
Mendeteksi arah gulir
Jadi saya mencoba menggunakan JavaScript on scrolluntuk memanggil suatu fungsi. Tapi saya ingin tahu apakah saya bisa mendeteksi arah scroll tanpa menggunakan jQuery. Jika tidak, apakah ada solusi untuk itu? Saya berpikir untuk hanya meletakkan tombol 'ke atas' tetapi ingin menghindarinya jika saya bisa. Saya sekarang baru saja mencoba menggunakan …


7
AngularJS - $ anchorScroll mulus / durasi
Membaca dokumen AngularJS Saya belum tahu apakah $anchorScrolldapat memiliki opsi durasi / pelonggaran untuk menggulir mulus ke elemen. Itu hanya mengatakan: $location.hash('bottom'); // call $anchorScroll() $anchorScroll(); Saya tidak menggunakan jquery dan tidak mau; apakah masih ada cara yang cerdas namun sederhana untuk membuat atau memperluas $anchorScrollagar pengguliran lebih lancar?


21
scrollIntoView Scrolls terlalu jauh
Saya memiliki halaman di mana bilah gulir yang berisi baris tabel dengan div di dalamnya dihasilkan secara dinamis dari database. Setiap baris tabel berfungsi seperti link, seperti yang Anda lihat di playlist YouTube di samping pemutar video. Saat pengguna mengunjungi halaman, opsi tempat mereka berada seharusnya berada di bagian atas …
113 javascript  dom  scroll 

12
Sudut 2 Gulir ke bawah (Gaya obrolan)
Saya memiliki satu set komponen sel tunggal dalam satu ng-forlingkaran. Saya memiliki segalanya di tempat tetapi saya tidak bisa menemukan yang tepat Saat ini saya punya setTimeout(() => { scrollToBottom(); }); Tapi ini tidak bekerja sepanjang waktu karena gambar secara asinkron mendorong viewport ke bawah. Apa cara yang tepat untuk …

13
jQuery scroll () mendeteksi ketika pengguna berhenti menggulir
Ok dengan ini .. $(window).scroll(function() { $('.slides_layover').removeClass('showing_layover'); $('#slides_effect').show(); }); Saya tahu ketika seseorang menggulir dari apa yang saya pahami. Jadi dengan itu saya mencoba mencari cara untuk menangkap ketika seseorang berhenti. Dari contoh di atas Anda dapat melihat saya menghapus kelas dari sekumpulan elemen saat pengguliran terjadi. Namun, saya ingin …

5
acara gulir javascript untuk iPhone / iPad?
Sepertinya saya tidak bisa menangkap acara gulir di iPad. Tak satu pun dari ini berhasil, apa yang saya lakukan salah? window.onscroll=myFunction; document.onscroll=myFunction; window.attachEvent("scroll",myFunction,false); document.attachEvent("scroll",myFunction,false); Semuanya bekerja bahkan di Safari 3 di Windows. Ironisnya, SETIAP browser di PC mendukung window.onload=jika Anda tidak keberatan mengganggu acara yang ada. Tapi jangan pergi di …


6
Cara menggulir jendela menggunakan fungsi JQuery $ .scrollTo ()
Saya mencoba menggulir ke bawah 100px setiap kali pengguna mendekati bagian atas dokumen. Saya memiliki fungsi yang dieksekusi ketika pengguna mendekati bagian atas dokumen, tetapi fungsi .scrollTo tidak berfungsi. Saya memasang peringatan setelah dan sebelum untuk memeriksa apakah itu benar-benar garis atau tidak yang menghentikannya dan hanya peringatan pertama yang …

8
Cara memuat gambar secara dinamis (atau malas) saat pengguna menggulirnya ke tampilan
Saya telah memperhatikan ini di banyak situs web "modern" (misalnya pencarian gambar facebook dan google) di mana gambar di paro bawah memuat hanya ketika pengguna menggulir ke bawah halaman cukup untuk membawanya ke dalam wilayah viewport yang terlihat ( berdasarkan sumber tampilan, halaman menunjukkan X sejumlah <img>tag tetapi tidak langsung …


Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.