cost 297 ms
我有一個 pagepiling 問題,將其與 nanoscroller 相結合

[英]I have a pagepiling question, combining that with nanoscroller

我有這個示例網站http://www.miguelonenterprises.com/horizontalScroll.html 。 我在這個網站上遇到的問題是:這是一個 pagepiling 頁面。 如果我將鼠標放在 nanoscroller 部分並向下滾動,頁面將滾動到第二頁。 我想要做的是當鼠 ...

如何確保在可滾動div中每個滾動每次僅觸發一次mousewheel / wheel事件

[英]How to ensure the mousewheel/wheel event fires only once per scroll inside scrollable div

我正在使用pagePiling.js創建一頁滾動效果。 在頁面編譯部分之一中,我有一個可滾動的子div。 當用戶進入其中帶有可滾動div的部分時,我希望他們每次通過鼠標滾輪向下滾動時都能夠滾動到可滾動div中每個段落的頂部。 這里的問題是,當我將鼠標滾輪移動一個“刻度”時(由於缺乏更好 ...

PagePiling.js確定元素是否在視圖中

[英]PagePiling.js determine if elements are in view

當它們出現時,我正在嘗試為某些文本設置動畫。 一切正常,但是當我介紹pagepiling.js時,確定我的元素是否在視圖中的函數將返回false。 這是函數: 有什么想法可能有問題嗎? ...

在 pagepiling 中禁用觸摸滾動

[英]Disable scrolling by touch in pagepiling

我使用pagepiling.js庫,如何在移動設備中禁用觸摸導航? 在手機中,可以用手指在屏幕上更改幻燈片。 如何禁用? ...

jQuery scroll()方法不適用於pagepiling.js

[英]jQuery scroll() Method not working on pagepiling.js

我需要添加類#menu只有當'#pagepiling .section:first-child'是有效的。 滾動時,必須刪除該類。 我需要檢查每個滾動條的狀況。 請從此處檢查代碼https://codepen.io/anon/pen/PagXLw ...

jQuery pagePiling-多個部分在首次加載時一次滑動

[英]jQuery pagePiling - multiple sections sliding at once on first load

我正在使用一個名為pagePiling的jQuery插件,該插件總體上可以很好地工作,但是我遇到了一個問題,即有時它會一次滾動多個頁面幻燈片/部分。 它似乎僅在頁面首次加載時發生-如果我刷新頁面幾次,則它可以正常工作。 這是有問題的網站: http://baytree-demo.c ...

使用GSAP和滾動條進行滑塊過渡

[英]Slider transitions with GSAP and Scrolling

嗨,我正在嘗試使用TweenMax在此頁面上的過渡部分http://cuberto.com上進行復制。 完整的代碼在codepen可以在這里找到 我基本上是嘗試在帶有滑動動畫的一系列滑塊之間進行過渡,我已經將要在每個幻燈片上過渡為黑色或粉紅色的元素進行了替換,以便可以看到動畫。 ...

不支持的偽:視口中

[英]unsupported pseudo: in-viewport

我正在按照本指南進行操作,以檢測視頻元素何時進入視口,然后執行“ x”操作,但始終會出現標題錯誤。 不知道是否因為我將WordPress與gulp和piling.js一起使用 我的頁面使用“打樁”,並且有一個視頻部分,當我滾動到該“堆棧”時,我希望視頻開始播放,但在頁面加載時開始播放。 ...

jQuery動畫頁面

[英]Jquery animation pagePiling

我正在尋找類似於該網站http://cuberto.com/的 jquery動畫。 到目前為止,我已經通過pagePiling.js完成了此鏈接http://codepen.io/mirmibrahim/pen/MJoGBY 。 誰能幫助我完全按照curberto的方式完成它。 我不知道如 ...

滾動時更改導航文本和徽標顏色

[英]Change nav text and logo color when scrolling

我對HTML和CSS沒有太多經驗。 我有一個滾動PagePiling.js的網站。 滾動到下一部分時,我想更改徽標圖像和導航文本的顏色,但是僅更改徽標和導航中與下一部分交叉的部分(很抱歉,我的英文是不太好。不知道該如何解釋)。 這意味着徽標和導航文本到達灰色部分時,它們必須變成不同的顏色, ...

動態添加選項到腳本

[英]Dynamically Add Options to Script

我在我的項目中使用PagePiling ,特別是添加菜單的選項。 根據文檔,您只需添加html: 並在js內: 但是,我想添加動態菜單元素,例如: 我如何更新js中的選項? ...

PagePiling.js中的水平滾動部分

[英]horizontal scrolling section in PagePiling.js

我正在嘗試制作一個只有兩個部分的頁面第一部分在頂部 請看圖片。 現在,我可以使用pagePiling.js輕松轉到div 1到div 2。 有誰能告訴我如何在div 1中達到水平效果。 在div 1上的內容結束之后,它必須將pagePile分配到div 2上。 回到div 1時,用戶 ...

刪除body上的類不適用於pagepiling.js

[英]Remove class on body does not work with pagepiling.js

我使用pagepiling.js創建了一個網站,這個腳本在視口中的部分添加了“active”類。 現在我想在我的section1 active時在我的身體上添加一個類,如下所示: $(document).ready(function() { if ($('#section1').ha ...

內容在視口中時應用CSS動畫(以及pagepiling.js)

[英]Apply css animation when content is in viewport(along with pagepiling.js)

我嘗試為視口中的內容設置動畫。 但問題是,jquery(用於檢查內容是否在視口中)無法正常工作,因為我也在使用pagepiling.js( http://alvarotrigo.com/pagePiling/ )。 我不知道確切的原因,但是我認為這可能是由於使用pagepiling.js在不 ...

用PagePiling.js制作的一頁網站在chrome上非常慢,而在safari / Firefox中卻很快

[英]One page website made with PagePiling.js very slow on chrome but fast on safari/Firefox

有人可以給我一些建議嗎? 本網站: www.mrchrismartin.co.uk 我已經嘗試簡化腳本的加載時間和異步加載,並且與其他瀏覽器相比,似乎沒有什么可以影響chrome上的長期加載時間? 如有任何建議,我將不勝感激 謝謝 ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM