單頁響應式網站與選擇菜單，可以移動到定位點

我一直在一個頁面響應網站的工作與一個固定的標題，停留在頂部，它基本上滾動到不同點取決於你導航按鈕你點擊（它只是一個簡單的UL菜單）現在，當瀏覽器縮小到一定的大小，我希望它切換到一個選擇菜單，你可以點擊滾動到頁面的一部分。單頁響應式網站與選擇菜單，可以移動到定位點

我能做到這一切很容易我只是無法讓它通過錨點滾動到他們。

我知道你做這件事的方式是通過js，因爲我一直在閱讀其他有類似問題的人，但回覆似乎被髮布給了一些對js有一定了解的人。這給我帶來了這個問題，我對js非常可怕:(所以任何人都可以告訴我我需要做什麼才能做出選擇菜單，然後滾動到帶有js的頁面上的錨點。這是我已經有了。

 <ul id="nav"> 
       <li><a href="#home">Home</a></li> 
       <li><a href="#about">About</a></li> 
       <li><a href="#portfolio">Portfolio</a></li> 
       <li><a href="#services">Services</a></li> 
      </ul> 

      <select> 
       <option value="" selected="selected">Navigation</option> 
       <option value="#home">Home</option> 
       <option value="#about">About</option> 
       <option value="#portfolio">Portfolio</option> 
       <option value="#services">Services</option> 
      </select>

，如果有幫助的一切，我使用的是骨架樣板爲我的網站。

在此先感謝球員:)

（我不知道我看到不同的人說選擇菜單需要在窗體標籤中，有些人說它是d如果你可以澄清，這將是真棒:)）

來源

2013-03-07 SteveJeffs

你有沒有試過這個。 – Jai 2013-03-07 05:59:12

網上有很多教程，教你如何設計一個響應式網站。如果你想要一個響應式設計，最好的方法是先從最小分辨率開始，然後再將它構建到最大。 – 2013-03-07 06:53:38

我不知道我是否理解你的問題是正確的。帶有「#something」href的achor的想法是當點擊它時，它將「#something」添加到您的URL中，稱爲fragment。這會導致瀏覽器嘗試將id爲「something」的元素置於屏幕頂部。

對不起，如果這不是你的問題 - 如果它不是請澄清。

來源

2013-03-07 05:48:48 webMan1

好吧以http://www.wampserver.com/en/爲例舉一個例子吧。當你點擊它的導航菜單時，它會向下滾動到頁面上的某些東西的位置，我基本上只是爲了可用性而嘗試使用僅在手機大小上可見的選擇菜單來做到這一點。我需要的唯一的東西是弄清楚我怎樣才能得到一個選擇菜單滾動到#something。 iv做了研究，人們說你不能在選擇菜單中使用錨點，除非你使用一些jquery來幫助它，我不知道jquery非常好，所以即時通訊尋找一個解釋它在愚蠢的條款對我來說如何做到這一點。 – SteveJeffs 2013-03-07 05:58:13

@ user2142866它只是一個建議，已經有這樣的問題，你應該以正確的方式搜索。嘗試'單擊'動畫html身體'。 – Jai 2013-03-07 06:01:55

@Jai現在我很困惑，iv找了好像發佈這個問題之前好一個小時，我需要的是一個選擇菜單，能夠滾動到一個頁面上的一個點，就像你會怎麼處理錨點，iv看到其他人的答案到類似的問題涉及jQuery的東西，我應該甚至打擾這個或只是將其更改爲正常的下拉菜單，而不是選擇菜單？ – SteveJeffs 2013-03-07 06:08:44

單頁響應式網站與選擇菜單，可以移動到定位點

回答

相關問題