第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

更改滾動(dòng) JS/jQuery 上的圖像

更改滾動(dòng) JS/jQuery 上的圖像

幕布斯7119047 2023-08-21 19:32:22
本質(zhì)上,我試圖創(chuàng)建一個(gè)基本功能,可以滾動(dòng)滾動(dòng)圖像。我這里有 jsfiddle 中的所有內(nèi)容: https ://jsfiddle.net/JUST_RJ/6zb37d94/$(document).ready(function() {    $("#c1").fadeIn(0);    console.log()    $(window).scroll(function() {      var pos = $(document).scrollTop();      if (pos < 200) {        hideAll("c1");        $("#c1").fadeIn(0);      }      if (pos > 200 && pos < 400) {        hideAll("c2");        $("#c2").fadeIn(0);      }        if (pos > 400 && pos < 600) {        hideAll("c3");        $("#c3").fadeIn(0);      }    });    function hideAll(exceptMe) {      $(".image").each(function(i) {        if ($(this).attr("id") == exceptMe) return;        $(this).fadeOut(0);      });    }});現(xiàn)在我已經(jīng)可以使用它了,盡管我認(rèn)為添加更多圖像時(shí)會(huì)變得復(fù)雜。我想保留 html 中列出的圖像 src,以便輕松添加新圖像并手動(dòng)選擇圖像大小。我想知道 JS 部分是否可以簡化為做兩件事......獲取滾動(dòng)高度并自動(dòng)添加預(yù)設(shè)值(200)以滑動(dòng)到下一個(gè)圖像。目前,必須手動(dòng)添加更改圖像的滾動(dòng)量,如下所示......滾動(dòng)到 200 時(shí)更改為圖像 2在 200 > 600 處顯示圖像 2滾動(dòng)到 600 時(shí)更改為圖像 3ETC這將使每個(gè)圖像顯示 200 個(gè)滾動(dòng),然后輕拂到下一個(gè)圖像,而無需每次手動(dòng)添加滾動(dòng)量和與前一個(gè)圖像的距離。有沒有辦法可以簡化代碼,這樣在js中,就不需要每次都添加新圖像和id?也許有一種方法可以用“image”類來計(jì)算html中圖像的數(shù)量,然后自動(dòng)添加一個(gè)id號(hào),在之前的id上加1?就像是..使用“image”類計(jì)算 html 中圖像的數(shù)量商店數(shù)量(本例中為 3)創(chuàng)建#c1創(chuàng)建#c2創(chuàng)建#c3顯示 #c1 滾動(dòng) 200顯示 #c2 滾動(dòng) 200ETC謝謝!
查看完整描述

2 回答

?
精慕HU

TA貢獻(xiàn)1845條經(jīng)驗(yàn) 獲得超8個(gè)贊

這是你需要的嗎

https://jsfiddle.net/rkv88/9tqcdp61/

imgSpaces 使用以下命令計(jì)算本例中 200范圍內(nèi)的元素:

"#c" + (Math.round(pos / imgSpace) + 1)


查看完整回答
反對(duì) 回復(fù) 2023-08-21
?
HUX布斯

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊

https://jsfiddle.net/fd69ensv/1/

將所有圖像添加到 JS 中的數(shù)組中 使用Math.floor()向下舍入x / 200- 這將為您提供數(shù)組中圖像的索引。更新img src滾動(dòng)條。


查看完整回答
反對(duì) 回復(fù) 2023-08-21
  • 2 回答
  • 0 關(guān)注
  • 144 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)