提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

javascript - 可以左右滑動的導航選單怎麼實現

類似 http://m.hexun.com 頂部淡紅色的導覽欄，可以左右平滑的移動。這樣在手機螢幕就可以放更多選單項目。這種效果有沒有juery插件呢網上去搜 slide menu出來的都是從螢幕傍邊出來網站導航，並不是我要的效果。

習慣沉默 2017-07-05 11:03:37

在行動視圖中，當使用者點擊連結時，如何關閉此導覽列？

當使用者點擊連結瀏覽網站時，導覽列沒有關閉？我曾嘗試向每個連結新增點擊事件偵聽器以關閉導覽欄，但它不起作用！此外，處於活動位置（即X）的hamberberger選單圖示也沒有很好地對齊。但主要問題是點擊時導航列會折疊。 $(document).ready(function(){$('.container').click(function(){$('.navbar.menu').toggleClass(

P粉692052513 2024-04-06 19:23:03

javascript - angularjs 單頁面應用程式頁面滾動到底部的導航跳轉新的頁面後，不滾動到頁面頂部的問題這麼解決？

頁面滾動到底部的導航跳轉新的頁面後，不滾動到頁面頂部的問題這麼解決？

漂亮男人 2017-05-19 10:42:03

嘗試在導覽列後面的 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

javascript - 手機版網站導航條水平滑動減速效果是如何實現的

各大網站手機版的導航條一般是可以水平滑動的，在觸摸滑動離開手機屏幕之後還有減速滑動的效果，挺喜歡這個功能的，全網搜了很多，找到的都是介紹js 觸摸事件，一直沒找到詳細的方法，還請大神說一下原理，具體...

给我你的怀抱 2017-06-28 09:27:42

在頁面導航期間保留滾動始終是一個不受歡迎的功能。

我有一個使用breeze的標準laravel+慣性+vue3設置，正如Inertia文檔所說，頁面之間的導航應該模仿瀏覽器預設行為，在頁面時重置滾動到頂部負載。但在我的例子中，它不是這樣運作的。我的連結中沒有preserveScroll:true但無論如何都會發生這種情況。我嘗試使用vuejsonMounted()鉤子在組件加載時滾動到頂部，但頁面立即從上一頁的頂部滾動到最後一個滾動位置。所以我停

P粉166675898 2024-01-02 16:00:21

在iPad上無法顯示背景圖片。

我在導覽列下方放置了背景圖片，當你向下捲動時，導覽列會跟著你一起向下移動。但當我在iPad上查看時，發現背景圖片呈現為接近黑色的深藍色。 background__image {width: 100%; background-image: url("https://background-image.jpg"); bac

P粉879517403 2023-07-25 11:58:00

iOS16中，Safari iPhone上的Z-index無法生效

我有一個導覽欄，在行動模式下，例如在Safari瀏覽器上的iPhone上，將這個類別navbar-mobile應用到具有javascript的nav元素上。但不知何故，導覽列不會顯示在頂部。 .navbar-mobile{position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.9);transition:0.3s;-we

P粉346326040 2023-08-25 20:33:05

如何使用z-index將下拉內容放在最頂層？

一個下拉式div元素，在移動視圖中應該像這樣工作，但在檢查元素中卻顯示為移動視圖。我試過改變幾乎所有相關導航元素的CSSz-index樣式，將這個元素保留在“z-index:121212!important;”，但下拉式div仍然出現在所有其他導航連結的後面。有人知道為什麼會發生這種情況嗎？任何幫助將不勝感激。這是我的HTML程式碼和它的CSS：.navbar-mobile.dropdown>

P粉986860950 2023-08-31 23:37:47

html5 導覽列logo右移動新手問題！

<!doctype html><html><head><meta charset="utf-8"><title>首頁</title><style>*{ margin:0;填充：0；列表樣式：無;}img{ 邊框：0;}.header{ 寬度：100%

古今公子? 2021-08-04 14:21:41

CSS行類別使某些元素超出框架，而它們應該是靜態的並固定在顯示器底部

目前我的頁面如下所示。添加行類以使兩個元素彼此相鄰後，底部導覽列被向下推到我必須滾動的位置。在這裡，您可以看到另一個沒有行元素的頁面，其中導航連結完美地黏在顯示器的底部（植物和房間導航元素不應該位於提醒標籤中（圖1），因此請忽略此元素圖片2)該頁面是可捲動的，並且使我的導覽列保持在正確的位置，但元素的輪廓不正確。所有綠色框顯示應位於另一個上方，以及編輯和刪除按鈕。我嘗試使用用於圖1的行類別來修復此

P粉156415696 2024-04-03 18:48:12

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

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

黄舟 2017-05-19 10:29:38

固定的導覽列程式碼不太好，它導致連結斷開的問題，我不知道為什麼

我不太確定如何解釋這個問題，但本質上，我的固定導覽列要么不滾動，但超連結起作用，要么導航欄滾動，但超連結不起作用。當我嘗試在html和css中修復它時，這個循環不斷發生。我真的很感激對此的一些幫助。這是導覽列的html：<body><navclass="navbarnavbar-expand-lgfixed-topnavbarScroll"><di

P粉004287665 2024-04-04 09:09:20

如何在 vue.js 中使用 bootstrap 導覽列？

一般html中，依照文件寫的都很好用，但是在我的vue專案中卻無法正常使用，難道是我沒有導入popper.js的問題？我不認為我正在匯出到html，並且我不確定在哪裡導入它。確切地說，正常的導覽列可以工作，但是在小螢幕（行動裝置）上工作的外部內容選單卻不能好好工作。幫我main.jsimport{createApp}from'vue'importAppfrom'./App.vue'importro

P粉459578805 2024-03-31 20:16:22

更改行動選單斷點 - WordPress 二十二三主題

WordPress導航區塊-二十二三主題如何更改CSS媒體查詢斷點，漢堡按鈕在行動裝置上顯示，完整選單在更寬的螢幕上顯示？可以從以下位置開啟漢堡最小化選單Dashboard->Appearance->Editor：

P粉085689707 2024-03-26 10:28:04

絕對 div 位於固定導覽列上方一層

我的導覽列有問題，我製作了一個固定的導覽欄，但是當我滾動到網站底部時，我的一個div位於其上方。我希望導航列位於網站的所有其他內容之上。我不明白為什麼，你能幫我嗎？這甚至可以糾正嗎？這是我的程式碼：HTML<body><header><divclass="navbar"><divclass="navbar-gauche&quot

P粉635509719 2024-02-21 22:06:56

在 React Native 中滑動以開啟聯絡人螢幕

我正在使用底部導航，當我透過滑動從撥號器螢幕導航到聯絡人螢幕時，當時我想直接打開手機的聯絡人螢幕。下面我分享了ContactComponent檔案和BottomNavigation檔案的程式碼。我是ReactNative的新手，所以請幫幫我。提前致謝。 ContactComponent.jsconstContactComponents=({navigation})=>{useEffect(()=

P粉545218185 2024-03-29 19:46:00

我的網站程式碼無法在 Google Chrome 上運行，即使當我從文件中開啟它時它可以運行

我將所有變更上傳到我的網站寄存服務，並在GoogleChrome上檢查了我的網站(https://cecilia-fornes.tech/accueil.html)以及我的標題和導覽列（在開啟時會轉換為漢堡選單）行動裝置）將無法如預期運作。它們預計位於頁面頂部的一個區塊中，並為行動裝置提供隱藏選單，為大螢幕提供可見選單。然而，它顯示了兩個選單，我找不到原因。而且，當我嘗試從電腦上的資料夾中開啟頁面時

P粉451614834 2024-02-25 23:13:24

Nuxt-link使用Bootstrap-vue刷新頁面的問題

我正在使用nuxt和bootstrap建立自訂懸停下拉選單以進行導航。我遇到的問題是我的導航子選單NuxtLinks正在刷新整個頁面，而不是平滑地更改Nuxt區塊中的應用程式內容。導覽列是在default.vue佈局中動態產生的，並使用b-dropdown-hover元件，其中NuxtLink包裹著該內容。為什麼頁面會對這些連結/錨點進行完全刷新，但我的b-navbar-brand圖像可以平滑過渡

P粉512729862 2023-12-07 08:58:02

修正了移動橫向視圖上的導覽列內容溢位到右側的問題。

在PC上完成了我的導航欄，並將程式碼共享到我的iPhone，以橫向和縱向查看。在景觀中，導覽列在右側溢出。新增了env(safe-area-inset)值用於非阻塞目的視圖，但在右側溢出。似乎找不到問題所在。 iPhone(11ProMax)橫向左側間隙是安全區域env()，但右側安全區域間隙被導覽列溢出。以下是程式碼：@importurl("https://fonts.googleapis.

P粉268284930 2023-09-06 09:24:34