«scroll» etiketlenmiş sorular

Sayfanın yüklenmesinde belirli bir kimliğe doğru kaydırmayı canlandırıyorum. Çok araştırma yaptım ve şununla karşılaştım: $("html, body").animate({ scrollTop: $('#title1').height() }, 1000); ancak bu kimlikten başlayıp sayfanın üst kısmına doğru hareket ediyor gibi görünüyor? HTML (sayfanın yarısına kadar olan) basitçe: <h2 id="title1">Title here</h2>

123 jquery  scroll  jquery-animate 

<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; Bir dahaki sefere kaydırma konumunu kapsayıcı div'in üstüne nasıl sıfırlayabilirim?

122 javascript  html  scroll 

Sadece basit bir JQ / JS'nin geçerli sayfanın / pencerenin (belirli bir öğenin değil) dikey bir kaydırma çubuğuna sahip olup olmadığını kontrol etmesini istiyorum. Google, bana sadece bu temel özellik için aşırı derecede karmaşık görünen şeyler veriyor. Bu nasıl yapılabilir?

121 javascript  jquery  scroll 

Bu yüzden on scrollbir işlevi çağırmak için JavaScript'i kullanmaya çalışıyorum . Ama jQuery kullanmadan kaydırmanın yönünü tespit edip edemeyeceğimi bilmek istedim. Değilse, herhangi bir geçici çözüm var mı? Sadece bir "yukarı" düğmesi koymayı düşünüyordum, ancak yapabilseydim bundan kaçınmak isterdim. Şimdi bu kodu kullanmayı denedim ama işe yaramadı: if document.body.scrollTop <= …

120 javascript  scroll  onscroll 

JQuery-UI sıralanabilir özelliğinin iPad ve diğer dokunmatik cihazlarda çalışmasını nasıl sağlayabilirim? http://jqueryui.com/demos/sortable/ Ben kullanarak çalıştı event.preventDefault();, event.cancelBubble=true;ve event.stopPropagation();ile touchmoveve scrollolaylar, ancak sonuç sayfası artık kaydırma değil olmasıydı. Herhangi bir fikir?

116 ipad  jquery-ui  scroll  touch  jquery-ui-sortable 

AngularJS belgelerini okuma $anchorScrollÖğeleri yumuşak kaydırmak için bir süre / hareket hızı seçeneğine sahip olup olamayacağımı anlayamadım . Sadece şöyle diyor: $location.hash('bottom'); // call $anchorScroll() $anchorScroll(); Ben jquery kullanmıyorum ve istemiyorum; $anchorScrollKaydırmayı daha akıcı hale getirmek için yapmak veya genişletmek için hala akıllı ama basit bir yol var mı?

115 javascript  angularjs  scroll  anchor-scroll 

İçlerinde div bulunan tablo satırlarını içeren bir kaydırma çubuğunun veritabanından dinamik olarak oluşturulduğu bir sayfam var. Her tablo satırı, bir YouTube oynatma listesinde video oynatıcının yanında göreceğiniz gibi bir bağlantı görevi görür. Bir kullanıcı sayfayı ziyaret ettiğinde, bulunduğu seçeneğin kayan bölmenin en üstüne gitmesi gerekir. Bu işlevsellik çalışıyor. Sorun şu …

114 javascript  dom  scroll 

Taşma: otomatik (veya kaydırma) kullanılırken yalnızca yatay bir kaydırma çubuğuna izin vermek mümkün mü?

113 html  css  scroll  scrollbar 

Bir ng-fordöngü içinde bir dizi tek hücre bileşenim var . Her şeyim yerinde ama doğru olanı bulamıyorum Şu anda sahibim setTimeout(() => { scrollToBottom(); }); Ancak, görüntüler eşzamansız olarak görüntü alanını aşağı ittiğinden, bu her zaman çalışmaz. Angular 2'de bir sohbet penceresinin altına kaydırmanın uygun yolu nedir?

112 scroll  typescript  angular 

Tamam bununla .. $(window).scroll(function() { $('.slides_layover').removeClass('showing_layover'); $('#slides_effect').show(); }); Birisinin anladığım kadar kaydırdığını söyleyebilirim. Böylece, birisi durduğunda nasıl yakalayacağımı anlamaya çalışıyorum. Yukarıdaki örnekten, kaydırma işlemi devam ederken bir sınıfı bir öğe kümesinden kaldırdığımı görebilirsiniz. Ancak, kullanıcı kaydırmayı bıraktığında bu sınıfı tekrar açmak istiyorum. Bunun nedeni, sayfaya üzerinde çalıştığım özel bir efekt …

109 javascript  jquery  scroll  jquery-events 

İPad'de kaydırma olayını yakalayamıyorum. Bunların hiçbiri işe yaramıyor, neyi yanlış yapıyorum? window.onscroll=myFunction; document.onscroll=myFunction; window.attachEvent("scroll",myFunction,false); document.attachEvent("scroll",myFunction,false); Hepsi Windows'ta Safari 3'te bile çalışır. İronik olarak, bilgisayardaki HER tarayıcı, window.onload=mevcut olayları bozmaktan rahatsız olmazsanız destekler . Ama iPad'e gitme.

107 javascript  iphone  ipad  scroll  onscroll 

Daha UITableViewfazla içerik yüklemek ve göstermek için ne zaman aşağı kaydırdığını bilmek istiyorum, bir temsilci gibi bir şey veya denetleyiciye tablonun ne zaman en alta kaydığını bildirmek için başka bir şey. Bunu bilen var mı, lütfen bana yardım edin, şimdiden teşekkürler!

101 ios  uitableview  scroll 

Kullanıcı belgenin üstüne her yaklaştığında 100px aşağı kaydırmaya çalışıyorum. Kullanıcı belgenin üst kısmına yaklaştığında çalışan işlevi görüyorum, ancak .scrollTo işlevi çalışmıyor. Hattın gerçekten hat olup olmadığını kontrol etmek için sonrasına ve öncesine bir uyarı koydum ve sadece ilk uyarı sönüyor, işte kod: alert("starting"); $.scrollTo({ top: '+=100px', left: '+=0px' }, 800); …

98 javascript  jquery  scroll  scrollto 

Bunu çok sayıda "modern" web sitesinde (ör. Facebook ve google görsel arama) fark ettim, burada katlamanın altındaki görseller yalnızca kullanıcı onları görünür görüntü alanı bölgesine getirmek için yeterince aşağı kaydırdığında ( görüntü kaynağına göre, sayfa şunu gösterir) X sayıda <img>etiket, ancak sunucudan hemen alınmazlar ). Bu tekniğin adı nedir, nasıl …

97 javascript  jquery  html  scroll  lazy-loading 

Kullanıcı girişi gönderilirken dinamik olarak yeniden yüklenen bir metin alanım var. Her birkaç saniyede bir kendini yeniliyor. Bu metin alanındaki metin miktarı metin alanının boyutunu aştığında, bir kaydırma çubuğu görünür. Ancak kaydırma çubuğu gerçekten kullanılamaz çünkü aşağı kaydırmaya başlarsanız, birkaç saniye sonra metin alanı yenilenir ve kaydırma çubuğunu tekrar en …

97 javascript  css  scroll  textarea