[英]JS Add Class On Scroll
– – – – –更新– – – – –
嗨,我已經將以下代碼if (isScrolledIntoView(this) === true) {
替換為以下代碼if (isScrolledIntoView(this) === true) {
if (scroll >= 500) {
但不再添加該類。 另外,不是500是像素值,而是視口高度的百分比嗎? 另外,此解決方案對下面所述的第一個問題有所幫助嗎?
如果我應該將這兩個查詢放在兩個單獨的問題中,請告訴我。 我過去只發布過每一個問題。
謝謝。
– – – – –最終更新– – – – –
在尋找一些Javascript幫助時,我目前正在將元素滾動到視圖中時將其添加到元素中,但遇到了一些問題。
第一個問題是,當元素垂直大於視口高度時,不會添加該類。
第二個問題是,當元素位於頁面中途下方時,該類將被添加,我正在尋找是否有一種方法可以在元素被滾動到頁面上方的視圖中時添加該類? 理想情況下,由於要構建的網站具有響應能力,因此我希望將此值指定為視口高度的百分比。 這可能嗎?
$(window).scroll(function () {
$('.fade').each(function () {
if (isScrolledIntoView(this) === true) {
$(this).addClass('fadeInTransition')
}
else{
//$(this).removeClass('fadeIn')
}
});
});
function isScrolledIntoView(elem) {
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top;
var elemBottom = elemTop + $(elem).height();
return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}
謝謝你的時間
巴里
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.