# Vertical swipe effect like 'ion-slide-box'

**URL:** <https://forum.ionicframework.com/t/vertical-swipe-effect-like-ion-slide-box/21170>\
**Category:** ionic-v1\
**Created:** [April 17, 2015, 10:33am UTC](https://forum.ionicframework.com/t/vertical-swipe-effect-like-ion-slide-box/21170 "2015-04-17T10:33:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![rajeshwarpatlolla](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rajeshwarpatlolla/32/70759_2.png) [@rajeshwarpatlolla](https://forum.ionicframework.com/u/rajeshwarpatlolla)\
**Post date:** [April 17, 2015, 10:33am UTC](https://forum.ionicframework.com/t/vertical-swipe-effect-like-ion-slide-box/21170/1 "2015-04-17T10:33:36Z")

</div>

I have a set of images in an `ion-slide-box`, which will move left and right once we swipe.  
Below those images i have some description. I want to display that description when the user swipes up. And should be able to swipe down, once the user swipes down to view the description. I tried few ways and i am able to do similar effect. Currently i am able to slide/swipe the images horizontally, while i am able to scroll vertically. I want the same effect in vertical direction also.  
Let me explain:  
When we swipe in an `ion-slide-box` left/right, the complete visible part(view port) will be moved a side and will be replaced by the next slide. I need the same effect vertically. When i move the slider up/down i want to move the complete visible part up/down, which should be replaced by the description. And there can be more than two vertical sliders in each horizontal slider.

Have a look at the link - [http://www.idangero.us/swiper/demos/03-vertical.html](http://www.idangero.us/swiper/demos/03-vertical.html)  
I need same effect vertically, while maintaining the horizontal scroll and position/state of the previous slide as it is.

---

<div class="post-metadata">

**Author:** ![agupta](https://avatars.discourse-cdn.com/v4/letter/a/e8c25b/32.png) [@agupta](https://forum.ionicframework.com/u/agupta)\
**Post date:** [July 12, 2015, 5:08am UTC](https://forum.ionicframework.com/t/vertical-swipe-effect-like-ion-slide-box/21170/2 "2015-07-12T05:08:11Z")

</div>

@rajeshwarpatlolla did you find any way to achieve this effect ? I mean swipe up and down over `ion-slide-box` ?

---

<div class="post-metadata">

**Author:** ![rajeshwarpatlolla](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rajeshwarpatlolla/32/70759_2.png) [@rajeshwarpatlolla](https://forum.ionicframework.com/u/rajeshwarpatlolla)\
**Post date:** [July 12, 2015, 5:29am UTC](https://forum.ionicframework.com/t/vertical-swipe-effect-like-ion-slide-box/21170/3 "2015-07-12T05:29:25Z")

</div>

@agupta, i used the plugin mentioned above.

---

<div class="post-metadata">

**Author:** ![agupta](https://avatars.discourse-cdn.com/v4/letter/a/e8c25b/32.png) [@agupta](https://forum.ionicframework.com/u/agupta)\
**Post date:** [July 13, 2015, 4:50am UTC](https://forum.ionicframework.com/t/vertical-swipe-effect-like-ion-slide-box/21170/4 "2015-07-13T04:50:43Z")

</div>

Oh ok… sorry I didn’t read it completely my bad. Thanks a lot. I will try to implement the same.