jquery-waypoints

    0熱度

    1回答

    您好我已經創建了一個自定義的航點功能,該功能運行良好,但我希望能夠向其中添加功能。 這裏是工作的自定義航點功能: function createWaypoint (triggerElementId, animatedElement, className, offsetVal) { var waypoint = new Waypoint({ element: document.

    0熱度

    1回答

    我正在製作一個網站,是水平視差滾動。我的目的是通過在改變不透明度的同時向上和向下移動漸變(div 100vw, 300vh)從黎明到夜間產生環境效果。當某個div來視口時,我希望javascript觸發所需的操作。 我正在使用jquery,Waypoint和jInvertScroll。 我得到這個從控制檯: <div class="dawndusk"></div>當一切都在開始。 <div cla

    0熱度

    1回答

    我在http://www.piroc.com/delete/waypointsTest.html上使用了幾個航點,主要是爲了在滾動時動畫元素。但是一旦動畫物體改變高度,下面的路點就會失去位置。我閱讀了關於refreshAll()函數的所有信息,並在我認爲合適的地方使用了它,但這顯然是不正確的。 此外,無論何時調整窗口大小,頁面上四個圓圈的動畫在正確的位置都不起作用。 這裏是我的代碼 var hom

    0熱度

    1回答

    嗨我試圖在進度條出現在視口上時爲其設置動畫。 它應該動畫的寬度和計數。 我使用animateProgressBar函數來設置寬度和數字的動畫效果,我在航點上調用它。我使用jquery每個在每個匹配元素上執行該函數。但它沒有 function animateProgressBar(){ var bar = $('.progress-bar'); var va

    0熱度

    1回答

    我怎樣才能通過this元素到myfunc()然後用它來控制flex-container-column個別彈性項目?如果我聽一個簡單的事件很容易,但使用航點使它變得有點困難。 現在,我可以順利通過direction paramater(?IDK的它叫什麼),以myfunc()但所有Flex-項目被應用在動畫裏面,因爲myfunc(),目標元素是硬編碼爲$(".test-class")。我想要做的是一

    0熱度

    1回答

    我實現無限滾動使用this優秀教程我Django應用程序。 我希望應用程序加載9條則顯示「載入中...」符號和負載9篇的文章。 但是,什麼情況是,當用戶點擊底部,它顯示加載標誌,並沒有任何反應。在終端上,我可以看到它 「GET」 要求的所有頁面一次這樣的: [06 /月/ 2017年18點22分26秒] 「GET /頁= 2 HTTP/1.1」 200 19124 [06 /月/ 2017年 18

    1熱度

    1回答

    我正在使用jQuery的航點實現無限滾動我的網站上,我在頁面滾動加載文章。但我有一個非常奇怪的問題,無限滾動在手機上完美工作,屏幕上隱藏了我的第三列。或者有時它可以工作,如果我在頁面加載時開始滾動頁面。 請看一看佈局結構 請幫我選這個問題與插件。

    0熱度

    1回答

    我試圖添加類到元素,當它進入視口,但它只適用於第一個。我用jQuery嘗試每個功能,但它不能太 codepen link var myblock = new Waypoint.Inview({ element: $(".swiper")[0], entered: function(direction) { $(".swiper").addClass('re

    0熱度

    1回答

    我正在使用vue.js,我想包括waypoints。 我的原創,工作,腳本: HTML: <div id="final"> <h2>Mostar el mensaje al pasar por aqui</h2> </div> 腳本: var ele var waypoint = new Waypoint({ element: ele = document.getEle

    0熱度

    1回答

    我使用的航點,並給我這個消息: 遺漏的類型錯誤:無法讀取屬性未定義 「每個」這是怎麼了我得到了vue.js + rails的代碼: <template> <div id="playerContainer final"> <iframe src="xxxxxxxxx" allowfullscreen></iframe> </div> </template>