Question

我正在使用fullpage.js在网站上工作： https://github.com/alvarotrigo/fullPage.js/

我遇到的第一个问题是，一旦它落入最后一个部分和/或滑动，我需要隐藏箭头。即。如果你在最右边的幻灯片上，我希望它会隐藏右箭头。顶部，隐藏顶部箭头等

我已经尝试了很多工作，我还在学习javascript，请原谅我，如果我离开了，但我希望这很接近：

    function hideArrowUp() {
        if(index == 1){
            $('.arrowUp').hide();
        }
        else {
            $('.arrowUp').show();
        }
    }

    function hideArrowDown(anchorlink) {
        if(index == 3){
            $('.arrowDown').hide();
        }
        else {
            $('.arrowDown').show();
        }
    }

我希望防止水平幻灯片重复/翻转，不确定这是否容易。

请，谢谢！

Answer 1

现在你可以使用javascript选项。

当你在div上调用整页功能时。只需将选项控制箭头设置为false。

Rails.application.routes.draw do


  resources :forms do
    collection do
      post :accept_item
    end
  end
  resources :stores, m:'true'
  match '/send_mail', to: 'stores#send_mail', via: 'post'
  get 'products' => 'products#index', m:'true'
  get 'stores' => 'stores#index', m:'true'
  get 'transactions' => 'transactions#index', m:'true'
  get 'inventories' => 'inventories#index', m:'true'
  get 'about' => 'sites#about'
  get 'man' => 'sites#index', m:'true'
  root 'sites#index'

end

此致亚历

Answer 2

只需使用afterLoad或onLeave等插件回调即可使用javascript或添加类来删除箭头。

您还可以使用添加到body元素的fp-viewing-xxxx类来应用一种或另一种样式。

看看demo page of fullpage.js。在这种情况下，您可以检查DOM并查看body在到达最后一个部分时如何应用类fp-viewing-4thpage。这是因为它正在使用您在网址（＃4thpage）中看到的锚4thpage。

因此，您可以在CSS样式表中执行以下操作：

.fp-viewing-4thpage .myArrow{
    display:none;
}

请记住演示页面以及许多其他示例in the downloaded files。

在页面上隐藏部分/幻灯片箭头 - Fullpage.js

2 个答案: