提問搜尋_PHP中文網

社群

學習

工具庫

AI工具

休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

實作針對特定部分的頁面內垂直捲動而不移動整個頁面

我已經在一些頁面上看到過這個效果：你向下滾動，但頁面本身似乎一動也不動。因此，有些元素會淡入或淡出，出現或消失。我有一個包含5個卡片的部分。現在我想要創建相同的效果。當我向下滾動到該部分時，我希望透過上下滾動來導航該部分。根據我目前所在的位置，我希望顯示或隱藏一張卡片。我開始為該部分添加了overflow:scroll，但之後我就沒有更多的想法來創造這個效果了。

P粉946437474 2023-08-15 19:29:46

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

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

漂亮男人 2017-06-05 11:10:23

javascript - vue如何做新聞列表上下滾動的效果

循環播放的這是data部分 {程式碼...} 這是我目前的程式碼，只能循環切換，沒有動畫效果 {程式碼...}

淡淡烟草味 2017-05-19 10:43:20

javascript - scroll滾動問題

1，https://www.kayak.com.hk/holi...主要效果就是這個網站的效果。當滑動捲軸的時候，右邊的div會向下捲動，這時候左邊的div也會跟著滾動。但是由於左邊的div太長，所以要隱藏最上面的一部分，這個效果實現。 ……

过去多啦不再A梦 2017-06-26 10:55:45

javascript - 滾動軸順滾與回滾，為什麼產生的效果不一樣？

當滾動軸順滾的時候，產生的效果是合理的，就是到達指定的位置，就讓對應的序號變色，但是當滾動到底部的時候，再往會滾動的時候，就會出現沒到指定區域的頂部，對應的色標已經變色了，從我底下提供的程式碼，html:...

某草草 2017-05-19 10:25:51

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

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

高洛峰 2017-06-26 10:53:43

javascript - 行動端上不能實現拖曳佈局嗎？

如果在行動端把第一個div和第二個div交換，，body會滾動下拉。目前就沒有思路，不想造輪子。有沒有像http://www.jq22.com/demo/drag...這種效果？ {代碼...}

曾经蜡笔没有小新 2017-06-28 09:29:02

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

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

学习ing 2017-07-05 10:50:21

僅當在視窗中時Javascript滾動IntoView

我製作了一個模型（請注意，它使用間隔，因為它在視頻播放時滾動到新文字行）。我正在使用帶有區塊的scrollIntoView：'nearest'。問題是，由於整個頁面都有滾動，它仍然滾動頁面。我只是希望它滾動到linesdiv中的活動文字行（它不必在視圖中）。因為如果我正在查看“video”div，它將繼續向下滾動（這是不需要的行為）。 vartext=document.querySelector('.

P粉011684326 2023-09-11 16:33:49

在 React 中附加到 div 的頂部而不弄亂滾動狀態

我在反應時遇到問題。我正在嘗試實現一個簡單的可滾動div，其中包含很多子div，可以透過水平滾動查看。基本上每個子div對應一天。用戶在第一次查看有關當天和接下來幾天的信息時加載該組件。但是，如果用戶滾動（向左或向右），我希望能夠附加更多信息，實現某種“無限滾動功能”。當我嘗試在父div的末尾附加新的子div時，我沒有任何問題。然而，當我嘗試在父div的開頭附加新的子元素時（例如，使用者想要查看前幾

P粉217629009 2024-03-19 19:13:46

如何使光滑的滑桿連續自動播放，但在箭頭/點單擊時加速滾動？

我想製作一個連續自動播放的滑桿。它工作正常，但箭頭和點看起來無法正常工作。我不確定應該更改哪些設置，但我希望滑桿在單擊箭頭或點後立即滾動。我嘗試使用下面的程式碼更改一些設置，但似乎沒有任何效果。當speed設定為6000自動播放具有完美的計時，但在單擊點/箭頭後滾動時使用相同的慢速，這種行為是不需要的（它應該立即滾動到所選幻燈片）。您能幫助我了解我該做什麼來實現我的目標嗎？ $(document).

P粉956441054 2024-03-25 21:20:33

javascript - 詳情頁面回退清單頁面如何記錄使用者瀏覽位置並更新局部視圖？

angular做的單頁應用，類似貼吧論壇之類。現在用戶瀏覽清單頁面滾動到底部就會自動加載下一頁數據，如果用戶點擊進入查看詳情頁在回退回來，那如何記錄用戶瀏覽位置並且更新一些局部視圖呢（比如帖子的瀏覽量和評. ..

学习ing 2017-06-26 10:56:45

javascript - 一個click事件的bug不知道哪裡出錯了

1.當圖片滾動嘴右側後，再快速點擊左側箭頭時，放大鏡功能失效，其它情況下貌似隨便怎麼點都沒有問題。查不出哪裡出問題了，使用了stop(),和clearQueue()，也沒有效果 html代碼 {代碼...} css {代碼...} jQuery...

ringa_lee 2017-05-18 10:59:14

javascript - 怎麼修改css，就可以達到這樣的效果

現在實現的效果是：我想下面不要滾動條，紅框內的完整的顯示在彈出框的右邊，這樣怎麼實現？類似下面：（這個是ps的）下面是我的程式碼，需要做怎麼樣的修改，就可以實現上面的要求？謝謝！！下面是程式碼：html...

学习ing 2017-07-05 11:06:58

Vuejs v-for 在無限滾動時非常滯後

我有一個奇怪的vuejs效果，當我新增新的對象資料時，v-for會重新渲染所有對象，即使它已經渲染了。我正在實現像face book一樣的無限滾動。為了解釋這段程式碼，我從firebase取得新數據，然後當資料到達螢幕底部時將其推送到資料物件中varvueApp=newVue({el:'#root',data:{postList:[],isOkaytoLoad: false,isRoomPostE

P粉301523298 2023-12-28 18:00:08

CSS 背景漸層不會覆蓋整個頁面（包括可捲動內容）

我在HTML文件中遇到CSS背景漸層問題。我設計了一個使用線性漸層作為背景的頁面，並將其設定在body元素上。我面臨的問題是，漸變似乎在螢幕最初結束的地方結束，即使有更多內容需要滾動。因此，當您向下滾動時，漸變的第二個實例似乎會重新開始。這是我目前的CSS(SCSS)程式碼：@importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09

如何在HTML中實現元素的層疊效果？

我想為這個元素製作一個自訂的工具提示，但是它被包含在一個框中，這個框沒有足夠的空間來顯示工具提示，所以它只是被裁剪了（實際上我可以滾動來顯示它，因為overflow被設定為auto，但是我希望它能夠在不滾動的情況下可見）。有沒有辦法讓它超出邊界顯示？我嘗試過使用z-index但沒有效果。這就是我所說的：.box{width:100px;height:100px;overflow:auto;bor

P粉486138196 2023-08-28 16:39:50

視窗中的內容溢出阻止滾動並隱藏新內容

我目前正在建立一個輪盤系統程式（這更多的是為了阻止我下注而不是下注！）並且我只是在做基本框架，但已經遇到了主視窗“#results”不滾動的問題充滿了結果。捲動需要跟隨最新的內容行，因此從模式框中輸入返回的最新內容始終顯示在底部。我花了幾個小時研究許多可能的解決方案，但都無濟於事。這是程式碼：（對於完整腳本的長度，我深表歉意）<!DOCTYPEhtml><html><b

P粉106715703 2024-04-03 21:24:55

javascript - node如何關閉主程序後開啟另一個程序？

雖然感覺這個需求有點不符合正常邏輯，但是我需要實現的是，一個自動更新的效果，從伺服器下載的ZIP，壓縮到另一個資料夾，然後打開新版本前，關掉舊版。因為是基於NW.JS，不支援多視窗預覽，所以開始新的進程（Nw...

習慣沉默 2017-05-16 13:45:05

Laravel 9和Livewire驗證：除非更新，否則唯一性驗證

以下驗證在建立新記錄時有效，但在更新記錄時，partner_code和seedgens_code會陷入unique驗證中。如果未更改，如何允許使用相同的值更新記錄，但在值發生更改時仍驗證唯一性？ $this->validate(['partner_code'=>'required|unique:varieties','seedgens_code'=>'required|unique

P粉691461301 2023-11-09 17:41:05