2015-02-24 48 views
2

我不知道如何在隻字解釋 - 所以讓我們開始用圖像顯示,我想用代碼來完成的:Bootstrap Scrollspy - 如何讓下拉列表滾動到Scrollspy?

enter image description here

所以基本上,我想要完成的任務:

  1. 頁面的所有部分(錨)應該在下拉菜單中。
  2. 下拉菜單應該用作菜單 - 單擊一個項目應該將(滾動)到特定部分。
  3. 滾動瀏覽頁面時,下拉列表應該查看/指示您當前正在查看的部分。

我對js的瞭解/理解非常有限,所以在閱讀bootstrap文檔時可能會忽略這些。但是無論我嘗試什麼,看起來我都無法得到下拉菜單,以指示瀏覽器視圖中當前的哪一部分。

連官方的例子都沒有做我想做的事情,你可以看到here。它只是表示查看「下拉菜單」中的部分項目,而不是實際查看的特定項目。

如果我無法用bootstrap完成此操作,有沒有其他方法?

謝謝!

+0

哇,沒有答案。非常令人驚訝的是作爲Stackoverflow,我應該如何解釋這一點?這是不可能的嗎? ;-) – user2646903 2015-02-24 20:13:07

+0

仍然沒有關於此主題的反饋?至少有人能指出我朝着正確的方向嗎? – user2646903 2015-04-18 19:56:11

+0

夥計們,需要一些關於如何創建此功能的反饋。也許這是不可能調整boostrap做到這一點?任何其他想法? – user2646903 2015-05-17 17:17:07

回答

0

也許這是有點晚了,但我有這個問題,只是這種搜索在谷歌和找到了答案:)

Scrollspy有一個夢幻般的事件:

$('#myScrollspy').on('activate.bs.scrollspy', function() { 
// do something… 
}) 

在做某些事情「區域,你可以捕獲剛剛收到'主動'類的元素,獲得它的標識符,並更新你的下拉列表:)