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

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何控制從頁面上的特定點開始滾動顯示的最小和最大數(shù)值？

如何控制從頁面上的特定點開始滾動顯示的最小和最大數(shù)值？

慕絲7291255 2023-10-20 16:35:00
我試圖顯示一個數(shù)字，當(dāng)用戶到達(dá)頁面上的某個元素時，該數(shù)字開始增加，然后隨著頁面向下滾動到最大數(shù)字，該數(shù)字會增加，但如果以下情況，該數(shù)字也會減少回原始數(shù)字：他們向上滾動頁面。到目前為止，我只能使用“window.scrollY”使函數(shù)從 0 開始并在滾動時增加或減少。有沒有辦法設(shè)置最小值和最大值？或者有更優(yōu)雅的解決方案嗎？使用此線程中的示例：增加/減少滾動變量$("document").ready(function(){$(window).scroll(function(){    let scrollValue = window.scrollY;    let num = $("#num");    num.html(scrollValue);  });});<span id="num"></span>
查看完整描述

3 回答

?
catspeake

TA貢獻(xiàn)1111條經(jīng)驗 獲得超0個贊

我不知道你到底想做什么。但是，我認(rèn)為您可能想嘗試一下：https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

Intersection Observer API 提供了一種異步觀察目標(biāo)元素與祖先元素或頂級文檔視口相交變化的方法。


查看完整回答
反對 回復(fù) 2023-10-20
?
月關(guān)寶盒

TA貢獻(xiàn)1772條經(jīng)驗 獲得超5個贊

讓我給你一些提示：

  • Element.scrollHeight返回任何元素的滾動高度。要獲取整個頁面的高度，請在根<html>或<body>元素上使用此方法。

  • window.innerHeight返回視口（窗口）的高度。

當(dāng)用戶滾動到頁面底部時，該scrollY值將是html.scrollHeight - innerHeight因為scrollY是視口的頂部并且scrollHeight是視口的底部。

剩下的就交給你了。祝你好運！


查看完整回答
反對 回復(fù) 2023-10-20
?
手掌心

TA貢獻(xiàn)1942條經(jīng)驗 獲得超3個贊

我不完全知道這是否是您正在尋找的，但您也許可以將該變量映射到不同的比例？我發(fā)現(xiàn)了這個功能：


const scale = (inputY, yRange, xRange) => {

  const [xMin, xMax] = xRange;

  const [yMin, yMax] = yRange;


  const percent = (inputY - yMin) / (yMax - yMin);

  const outputX = percent * (xMax - xMin) + xMin;


  return outputX;

};

因此，如果您的滾動變量范圍是 0 - window.innerHeight 并且您希望它的范圍在 0 到 10 之間，則可以使用scale(window.scrollY, [0, window.innerheight], [0, 10]). 這應(yīng)該有效。


查看完整回答
反對 回復(fù) 2023-10-20
  • 3 回答
  • 0 關(guān)注
  • 195 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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