2015-08-15 54 views
0

我試圖使用jquery-mousewheel插件滾動到部分。我的問題是每個部分都包含在部分標籤內。是否有可能以某種方式在這些容器上使用滾動效果?鼠標滾輪使用部分標籤滾動到部分。怎麼樣?

我的HTML:

<div class="inner-page-wrap has-no-sidebar clearfix"> 
    <div class="clearfix"> 
     <div class="page-content hfeed clearfix"> 
      <div class="clearfix post-14 page type-page status-publish hentry" id="14"> 
       <section id="section-1" data-rowname="" class="row fw-row"> 
        <div class="spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height col-sm-12 section-1 col-window-height slided" data-v-center="false" data-top-style="none" data-bottom-style="none"> 
        </div> 
       </section> 
       <section id="section-2" data-rowname="" class="row fw-row"> 
        <div class="spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height col-sm-12 section-2 col-window-height" data-v-center="false" data-top-style="none" data-bottom-style="none"> 
        </div> 
       </section> 
       <section id="section-3" data-rowname="" class="row fw-row"> 
        <div class="spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height col-sm-12 section-3 col-window-height" data-v-center="false" data-top-style="none" data-bottom-style="none"> 
        </div> 
       </section> 
      </div> 
     </div> 
    </div> 
</div> 

Jfiddle:http://jsfiddle.net/Pzgpz/368/

如果我刪除了部分的容器它的偉大工程。我試圖將腳本更改爲使用節選擇器,但這不起作用。

回答

0

我找到了解決辦法。這是非常愚蠢的,但它完美的作品。檢出已更新的JSFiddle。我只做了一件事。我把你的div(在你的部分)中的類移動到你的部分,它的工作原理。你可能想要檢查是否所有的類都是真正需要的。我沒有碰它們,因爲我不知道你的代碼中是否需要它們。

<div class="inner-page-wrap has-no-sidebar clearfix"> 
    <div class="clearfix"> 
     <div class="page-content hfeed clearfix"> 
      <div class="clearfix post-14 page type-page status-publish hentry" id="14"> 
       <section id="section-1" data-rowname="" class="row fw-row spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height col-sm-12 section-1 col-window-height slide"> 
        Part 1 
       </section> 
       <section id="section-2" data-rowname="" class="row fw-row spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height col-sm-12 section-2 col-window-height"> 
        Part 2 
       </section> 
       <section id="section-3" data-rowname="" class="row fw-row spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height col-sm-12 section-3 col-window-height"> 
        Part 3 
       </section> 
      </div> 
     </div> 
    </div> 
</div> 
+0

不幸的是我不能這樣做。它是一個WordPress的安裝,我必須使用當前的HTML。雖然謝謝! – user3344734

+0

@ user3344734它是一個插件或模板還是?因爲在某些情況下,您應該可以更改類。 –

+0

這些部分是由一個主題構建的視覺作曲家創建的。我不想改變它如何呈現HTML,所以我堅持這一點。 – user3344734