帶滑動滾動條的jQuery scrollTo

我爲水平網站使用scrollTo插件，它工作正常。我在主要部分有一個鏈接列表，我也可以一次一個地來回移動。爲了使插件工作，我必須使用overflow:hidden屬性，但是我想讓用戶選擇如果他們喜歡滑動滾動條。因此，我找到了LocalScroll插件和一些代碼（由其他人編寫，我只是照原樣複製），現在我的滾動條沿着網站的每個部分滑動。帶滑動滾動條的jQuery scrollTo

問題是，我用來移動一個部分前後停止工作的錨，所以我必須繼續回到首頁點擊我想看到的任何部分。最好用this example來解釋。點擊任何鏈接轉到特定部分，在該部分中，「後退」和「前進」鏈接不起作用。您必須點擊左側的徽標（以及它應該在的位置）才能返回到主要部分。

我見過其他水平網站的例子，我注意到那些帶滑動滾動條的我只需要它有幾個主要鏈接，它們是固定位置的，所以我想知道是否有可能讓它按照我擁有的方式工作。

在此示例中，custom.js文件是與overflow:hidden一起使用的文件，test.js文件具有我添加的其他插件/代碼。

一如既往，我會非常感謝任何幫助。

來源

2011-11-23 brunn

With scrollTo我正在使用jQuery類從一個部分移動到另一個，所以我剛剛刪除這些clases和在錨元素中使用了部分ID。它現在工作，因爲我想:)

來源

2011-11-27 02:35:14 brunn

也許這將幫助：我實際上是在WordPress 動態菜單使這個你可以看到這個在這裏工作版本： http://loco.karolwasik.pl/（的script.js）

$('#menu a').bind('click', function(e){ 
    e.preventDefault(); 
    $('#subpanel-maska').scrollTo('#panel-'+$(e.target).attr('title'), 300, {easing: 'easeOutCirc'}) 
}

BTW。你在這個習慣的代碼有點亂，你應該儘量減少它或什麼（我知道我的也是;））

來源

2011-11-23 09:17:45 vonsko

它沒有工作，但謝謝。順便說一下，除了最大限度地減少你認爲我的代碼還可以改進什麼呢？ – brunn

好吧，我不是專業人士，但嘗試加入事件.bind在這樣的事情： '.bind（'mouseup mousedown click'function（e）{if（e.type ==='mousedown'）{ ...} }）其次 - 寫一個函數goto並使其成爲動態的 - 例如，從attr（'href'）或標題或甚至id獲取參數_where。它將縮短您的代碼高達15％：D – vonsko

感謝您的建議。我會採取任何建議，以提高我的編碼技能:) – brunn

帶滑動滾動條的jQuery scrollTo

回答

相關問題