如何使幻燈片切換功能 - 在角度JS

我試圖在角。但是幻燈片切換功能沒有得到制定完善我們在jQuery的確實看到例如.Panel滑進來下來，藏在向上滑動。可我們使角JS 演示 http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle 如何使幻燈片切換功能 - 在角度JS

其實在我的頭有使用，我需要顯示切換滑動按鈕相同的動畫如上。可我們在這裏的角做是我的代碼

搜索按鈕（左邊）

http://plnkr.co/edit/wONbjeisEZtr7ffCmb15?p=preview

angular.module('ionicApp', ['ionic']) 
.controller('MyController', function($scope) { 
    $scope.displaySearchBar=false; 
    $scope.toggleSearch = function(){ 
    $scope.displaySearchBar= !$scope.displaySearchBar; 
    } 
})

在我演示它是從頂部。我今後需要打開它就像在W3學校例如

來源

2015-06-08 Pallavi Sharma

把你SEACH按鈕下的CSS離子含量。由於Ionic中的Header具有固定的高度，並且如果您打算放入標題，則始終會看到它從頂部滑動，直到您未更改默認標頭Ionic css。所以把內容切換到離子內容部分。對於動畫，您可以使用ng動畫。 –

你可以請沉睡嗎？ –

好的，看看http://plnkr.co/edit/B81diqR8N9yIqM2dl2Kg?p=preview。只是一個演示 –

你不應該使用z-index的搜索欄，您需要將其刪除。目前，您正在使用z-index，它在動畫時在標題頂部顯示搜索欄。刪除z-index會顯示你喜歡w3學校網站的效果。

CSS

.searchclass { 
    border: 1px solid red; 
    margin: 0 !important; 
    position: absolute; 
    width: 100%; 
    /* z-index: 999; */ 
}

Demo

來源

2015-06-08 18:51:06

@Pallavi夏爾馬幫助你嗎？ –

如何使幻燈片切換功能 - 在角度JS

回答

相關問題