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  472

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

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

P粉506963842 2023-09-12 13:20:09 0  2  697

嘗試在導覽列後面的 html 和 css 中新增背景圖像，以便在滾動時不會顯示空間

我不知道如何使html和css中的背景圖像填充在導覽列和頁腳下方。當我滾動導航列的空間只是一個空白時，我希望它滾動時頂部和底部沒有空間。謝謝！ *{box-sizing:border-box;}body,html{margin:0auto;padding:0;}.background-container{background-image:url("http://placekitten.co

P粉118698740 2023-09-10 09:12:07 0  2  562

如何在行動裝置或模擬器上隱藏滾動條，而不影響React應用程式中的滾動行為？

在行動裝置上，我希望在整個應用程式中完全隱藏滾動條，但我需要用戶能夠滾動。我嘗試使用CSS的scrollbar、scrollbar-thumb、scrollbar-thumb:hover和scrollbar-track來隱藏捲軸，在瀏覽器上可以工作，但在行動裝置上無效。

P粉208286791 2023-08-17 15:35:56 0  1  614

Capacitor-JS 狀態列在 IOS 中重疊

我正在使用帶有電容器的NuxtJS。當我們捲動時，IOS設備上的頂部狀態列會重疊。我還在Capacitor.config.json中加入了"ios":{"contentInset":"always"}。儘管我還包含了CSS，但它在頂部創建了額外的空間。 body{padding:env(safe-area-inset-top)env(saf

P粉543344381 2023-12-29 16:04:36 0  1  473

建立一個在Quarto中類似RMarkdown中固定表頭的功能

我一直在嘗試在Quarto中渲染一個來​​自table1R包的黏性表頭，就像我在RMarkdown中成功做到的那樣。然而，Quarto似乎無法識別我的.css文件，或者（更有可能的是）我漏掉了一些東西。我將CSS檔案與.rmd和.qmd一起包含，以便能夠復現。我還包含了內聯的html代碼來創建一個滾動框，以使表頭固定。樣式.css：.Rtable1th{border:0;text-align:cent

P粉366946380 2023-08-29 17:12:38 0  1  618

防止scrollIntoView()將容器捲動到頁面頂部

我正在嘗試建立一個簡單的“主要是css”圖像輪播，它使用滾動捕捉，但也有導航按鈕來控制當前查看的幻燈片。我找到的唯一解決方案是在目標元素上使用scrollIntoView()，它可以滿足我的要求，但它也總是將目標元素滾動到頁面頂部。我希望目標輪播投影片和容器保持在原來的位置，我只希望投影片水平滾動到視圖中。我正在看AdamArgyle的一個範例，他就是這樣做的，並且容器保持在原來的位置，我不知

P粉690200856 2024-03-26 20:25:28 0  1  481

css - 手機端 盒子內加overflow-y:scroll後 字體會變大

在最外層的盒子加css屬性：overflow-y:scroll後在Google手機模擬器查看時，字體會自動變大，整體用rem佈局。去掉這個屬性，字體正常，想知道這是什麼問題代碼1：未overflow-y：scroll屬性圖片描述 {代碼...} 代碼...

黄舟 2017-05-16 13:39:31 0  5  1052

javascript - [React Native]如何在Tabs內維護每一個ListView的捲軸？

問題已解決，是css樣式的問題。 。 。 。和js無關。 。 。我在tabs裡包了一個listview，但是切換tabs的時候，listview的滾動條都在同一個位置。 。 。是說我在第一個tabs 滾動了100px ,切換到第二個tabs，也是在100...

伊谢尔伦 2017-06-26 10:58:55 0  1  1109

html5 - HTML或JS可否動態改變 .css的屬性？

例如想基於input輸入的value內容改變*.css或<style>的屬性值 是否可實現？例如：用input:color標籤取得選擇的顏色value，更新捲軸的顏色？ （這個必須用選擇器，不能用行內） 目前想到的一個方法就是用j...

伊谢尔伦 2017-05-24 11:36:09 0  2  983

javascript - 如何禁止sarafi、IE在行動端出現的橡皮筋效果

在ios上的safari瀏覽器中，當網頁捲動到最頂端的時候，還可以像橡皮筋一樣再滾一段距離，鬆手後回彈。在window的平板上也有這個效果。請問怎麼用css禁止這個效果，因為很多時候會影響頁面內部的捲動。據我所知...

大家讲道理 2017-05-19 10:12:15 0  1  622

使 CSS 適應不同的螢幕尺寸：指南

我有這個CSS代碼，我的問題是，由於padding-top（從頂部有一些空間）我的頁面太大，導致它具有“滾動”選項，並且不適合整個螢幕。如何才能停用滾動選項？ *{margin:0;padding:0;}html,body{height:100%;}body{color:#444;font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;backg

P粉030479054 2023-09-09 00:05:15 0  1  436

css 在螢幕上居中彈出窗口，適用於電腦和平板電腦，但不適用於手機

嘗試使用CSS在螢幕中央顯示幫助彈出視窗。在我的電腦和ipad上，它工作正常，但在iPhone上，彈出視窗在整個可滾動垂直空間內垂直居中，這意味著我有時必須向上或向下滾動才能看到它。我希望它在調用時位於當前可見螢幕的中心。 （請注意，頁面高度不是靜態的，即根據使用者活動而增加和縮小）。這是相關的CSS：.helpcontent{position:fixed;top:50%;left:50%;trans

P粉662802882 2024-03-28 20:02:46 0  1  384

javascript - 如何徹底禁止平板電腦上瀏覽器的手勢縮放功能

在平板電腦上、因為有多點觸控功能所以可以直接透過手勢進行放大縮小功能但是目前希望要禁掉這個效果、然而各種方法都試過似乎就是不行而且這個縮放和PC端CTRL+滾輪的縮放還不是一個機制最後最可靠的是一個css控...

怪我咯 2017-06-30 09:57:23 0  1  1096