javascript - 怎麼讓頁面中固定定位的側邊欄的位置隨著捲軸動態增加呢？

需求是這樣的，一開始頁面的側邊欄是固定在頁面的某一位置（如：right:0;bottom:0）,隨著滾動條的滾動，為了防止側邊欄折疊頁腳部分（參考下圖），到一定位置，bottom的值隨身滾動條的增加而增加，效果類似起點中...

高洛峰 2017-06-26 10:53:43 0  2  966

滾動進度動畫

我需要知道如何製作滾動進度動畫。這不是正常的滾動進度，而是不同的東西。我將提供網站的連結以及包含我正在尋找的動畫的特定部分的螢幕截圖。 https://todoist.com/這是網站的連結。我已附上該網站主頁中特定部分的螢幕截圖。捲動頁面時，捲動會在該部分中發生，並且該部分會在其自身內捲動。該部分滾動完成後，繼續正常滾動。我可以看到很多關於滾動進度條的教程，但看不到這種特殊風格的動畫

P粉821808309 2024-03-29 19:36:49 0  1  406

javascript - 請問js怎麼取得目前頁面頂部的dom元素呢。

主要是 想實現一個類似 百度百科 右側導航條 的效果。當頁面滾動時，右側的導航條也跟著變化。謝謝。 http://baike.baidu.com/item/G...

黄舟 2017-05-19 10:29:38 0  2  645

一個JavaScript瀑布流佈局滾動問題

{程式碼...} 當if(checkScrollSlide())時，頁面是不能滾動的當if(checkScrollSlide)時卻可以滾動，但是會出現bug，滾動條永遠在中間不斷變小這是完整代碼{代碼. ..}

为情所困 2017-05-19 10:32:40 0  2  564

javascript - vue.js有無比較快速的方法可以讓目前介面捲動到某部分。

例如常用的回到頂部，普通html頁面可以透過給a標籤的href屬性設定為某個id，然後點擊時就把滾動條滾動到了那一部分（當然，也可以直接設定滾動條距上的高度）。而我目前有個需求是，在同一個vue元件中，點選不同...

为情所困 2017-05-18 10:45:35 0  8  619

javascript - 頁面滾動條出現時如何防止頁面跳動

頁面捲軸出現時如何防止頁面跳動前提： 1、需要相容ie8+2、頁面高度隨內容變化而定(即是不是固定高度) 問題：現代瀏覽器滾動條預設是overflow:auto 類型的，但現在需要定義一個元素靠右(.tips{ {程式碼...} }...

迷茫 2017-06-26 10:54:16 0  1  902

防止越過方塊時滾動線滾動

我有3個塊，第二個塊有一條線和一個滾動圓。圓圈會隨著主滾動一起滾動，當滾動停止時，圓圈會粘到最近的點，即每個塊的中心但是我在這裡遇到這樣的問題，當主滾動穿過第二個塊時，圓圈停止滾動並且在頁面上表現不正確是否可以完成腳本，以便當主滾動穿過block2時，圓圈將自動堅持最後一個案例並完全停止滾動？當我們返回並穿過block2時，相應地，它應該再次工作一般來說，問題在於最後一種情況，當滾動到達它時，圓圈

P粉038856725 2024-03-29 23:23:06 0  1  363

angular.js - react-redux應用滾動條位置記錄？

開發單頁面應用程式的時候，滾動條在頁面切換的時候總是會保持固定的位置，現在是用了scroll-behavior來解決這個問題並且還能記錄上一個頁面的滾動條位置，但是它不支援異步的情況，各位大神有好的解決方案嗎？

PHPz 2017-05-15 16:59:11 0  1  746

CSS 問題：水平滾動（overflow-x：scroll）不起作用

我有3個“頁面”，想要水平滾動它們。我已經成功創建了一個水平滾動條，但是當我用滑鼠滾輪向上/向下滾動時什麼也沒有發生。這就是我的容器的樣子：body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scroll;display:flex;}完整的HTML+CSS：body{width :100vw;hei

P粉295616170 2024-03-29 16:06:18 0  1  458

降低捲動背景影像的不透明度，限制最小不透明度

我試圖讓背景圖像減少滾動時的不透明度，一旦離開登陸頁面，使用vanillajavascript將其降至最低0.5。我嘗試在滾動函數中添加Math.max()使其僅降至0.5，但它會導致所有頁面的圖像保持在0.5。我希望目標網頁的不透明度始終為1，而所有其他頁面的透明度為0.5。我能夠製作滾動動畫，但需要它停在0.5。 constlandingHeight=document.getElementByI

P粉166675898 2024-04-04 23:50:53 0  1  1449

javascript - 頁面嵌套iframe高度設定問題

頁面iframe嵌入一個第三方的頁面，如何設定這個iframe的高度消除滾動條，因為跨域了，所以是獲取不到iframe的document，有其他什麼辦法麼

世界只因有你 2017-05-19 10:26:37 0  3  775

javascript - JS函數中的參數的作用域問題

1.寫了一個下拉捲軸加載更多的功能，代碼如下，dropload事件是一個+監聽滾輪滾動的函數，當第一次進入A頁面時，觸發ajaxModel函數，並把method和param傳進入，但是當顯示完這一螢幕數據，進行滾輪下拉滾動加載數...

巴扎黑 2017-06-26 10:52:31 0  1  696

javascript - react無限懶加載

隨著頁面滾動，使用react.js實現無限懶加載的思路，不要插件。

黄舟 2017-06-15 09:22:36 0  2  837

如何在捲動整個頁面時實現React中內容的內部捲動

我想在React中建立一個邏輯，在滾動整個頁面時首先滾動子內容。一旦子內容完全滾動，它將移至下一部分例如：我有三個部分：A、B和C。每個部分的高度為100vh。 B部分包含四個子部分：B1、B2、B3和B4，所有子部分的高度也皆為100vh。捲動頁面時，一旦捲動到B部分，其子部分就會開始捲動。子部分完全滾動後，滾動將移至C部分我已經使用GSAP庫實現了它，但我想僅使用React來實現它。

P粉823268006 2023-09-06 18:19:42 0  1  527

javascript - 如何讓下面這部分不滾動？

app首次進來的一個h5頁面，如何在拖曳黑色遮罩的時候，下面的頁面不滾動

为情所困 2017-05-19 10:27:44 0  2  567

javascript - load方法 刷新滾動條錯亂

我用load引入了兩個公共樣式（頭部和尾部），然後從這個頁面中間部分，用ajax獲取了本地json的數據加載了一些內容圖片， 結果從ajax內容上面刷新每次刷新頁面滾動條往下滾動一點從ajax內容下面刷新每次刷新頁...

学习ing 2017-07-05 10:50:21 0  1  876

css3 - 隨著捲軸下滑，頁面的每個部分隨之出現效果是怎麼做到的

看了一個網站，隨著滾動條向下滑動，頁面的每一部分都出現了首次加載時的效果之後如果再次刷新才會重新出現這些效果，這是怎麼做到的呢？是寫在jquery的load裡面嗎類似這個網站的首頁這樣http://www.itxdl.cn/bra...

漂亮男人 2017-06-05 11:10:23 0  2  1814

javascript - 行動裝置頁面 手機鍵盤擋住了輸入框

正常狀況 問題 每次當手機切換app或視窗時，再回到該頁面時 第一次 點擊輸入框，鍵盤就會把輸入框擋住，只有第一次點擊會擋住。這是什麼原因導致的？然後我發現此時頁面的滾動條是沒有滾動到最底部, 所以我給輸入...

迷茫 2017-06-22 11:53:59 0  4  1246

頁面標題與頁面錨點重疊問題的解決方法

如果我在HTML頁面中有一個固定在頂部的非滾動標題，具有定義的高度：是否有一種方法可以使用URL錨點（#fragment部分）使瀏覽器滾動到頁面中的某個特定位置，但仍然尊重固定元素的高度而無需使用JavaScript的幫助？ http://example.com/#bar錯誤（但常見行為）：正確：+------------------------------ ---++---------------

P粉521748211 2023-08-21 19:18:36 0  2  550

使用滑鼠滾輪進行頁面縮放，點擊並拖曳以平移頁面

如何使用滑鼠滾輪為整個頁面製作滾動和平移效果？基本上就像任何2D編輯器一樣，透過捲動進行縮放，點擊並拖曳進行平移，但適用於整個主體。我在網上找不到任何有關它的資訊。

P粉308783585 2024-03-26 14:11:27 0  1  339