2016-07-25 39 views
1

我按下'read more ..'後,我試圖實現的是什麼我想讓當前活動部分向下滾動到特定div並將其移動到頂部有'IM TOGGLE'標題。如何在切換後使用fullPage.js移動到某個部分內的特定div

我嘗試添加該jQuery代碼將其移動到特定的div:

$('html,body').animate({ 
    scrollTop: $(".toggle").offset().top}, 
    'slow'); 

,但它不工作。如果我將data-anchor添加到.toggle,則佈局會失真並且不起作用。任何建議?

這裏是我的小提琴: https://jsfiddle.net/rigz/5odubjsj/10/embedded/

+0

我會建議你可以看看[iscroll.js文檔](http://iscrolljs.com/),它是在指定'scrollOverflow:true'時由fullpage.js使用的供應商庫在fullpage.js文檔中。 你可能會發現一些可以讓你滾動滾動條的東西。 – Alvaro

回答

0

到肘的div添加ID如下

<div class="toggle" id="toggled-content"> 

向下移動到它通過增加HREF到按鈕像這樣

<button class="btn btn-danger" href="#toggled-content">READ MORE..</button> 
+0

我試圖修改我的小提琴,它不工作。你有沒有試過用我的小提琴? – threeFatCat

+0

Apollogies遲到的回答我確實試過edint你提琴,但它似乎不工作。這是一個對我的舊項目有效的解決方案 –

相關問題