Questions tagged [slide]

An UI effect where an element or group of elements move over a surface while maintaining smooth continuous contact.

A graphical element "slides" when when it changes position in a smooth animated way. Often in one position the element is partially hidden.

1823 questions
10
votes
3 answers

Why does this line 'jump' when I call slideDown?

Since there's a lot of code, I won't post it here. Rather, you can find it all here. That way you can play around with it and run it: function P_Expand(item_id) { $('#p_' + item_id).slideToggle(); } .data_table { width: 650px; …
Nathan Osman
  • 71,149
  • 71
  • 256
  • 361
9
votes
5 answers

Android viewPager image slide right to left

I want to add an image slide. But cannot make it slide from right to left. (for languages like Arabic or Hebrew) I checked nearly all replies in stackoverflow, but can not find a clear solution. I write here the whole code. Please write me clearly,…
İsmail
  • 354
  • 1
  • 5
  • 16
9
votes
6 answers

Bootstrap carousel: images out of div when sliding

I have a problem I can't figure out. I'm using bootstrap's carousel and everything works fine except for transitions: next items appear out of myCarousel div when the sliding transition starts and previous active items slide out of myCarousel div as…
Gerard Clos
  • 1,080
  • 2
  • 12
  • 21
9
votes
2 answers

PhoneGap/Cordova: JQuery animations running slow

I have built a an app in PhoneGap/Cordova and used the JQuery library for some simple animations like slideUp etc. They work fine on the simulator but when I try on an actual device the animations run really chunky and slow. Is there a way to speed…
MeltingDog
  • 14,310
  • 43
  • 165
  • 295
8
votes
3 answers

Slide Up/Down with JQuery until a certain height - is this possible?

Is it possible to slide a div up (closing it) but not completely ? I mean, slide up but leave a little of that div displayed, is that possible ? Thanks in advance, mem
MEM
  • 30,529
  • 42
  • 121
  • 191
8
votes
4 answers

Resource for Android Slight Left/Right Slide action on listview

I am not sure if this question has been asked here or not. I look for a way to simulate the slide action in listview of Android. Similar to that of Samsung Galaxy/Nexus contact list actions. As you can see from the below image I am sliding to the…
Sanj
  • 3,770
  • 6
  • 26
  • 31
8
votes
2 answers

Java sliding JPanels

I have a menu that has a variety of buttons on display, I'm able to make the buttons call their respective JPanels when clicked. The thing is I would like to make the Jpanel slide in when its called instead of instantaneously popping in. I tried…
spongyboss
  • 291
  • 2
  • 4
  • 14
8
votes
6 answers

How to slide a hidden div up/down on click of a button?

I want to achieve this type of a slide down except instead of on hover I think I need some sort of script that triggers the slide down on click and then click again to trigger the reverse slide up. I will have a div thats hidden (top: -400px; above…
user2498890
  • 1,528
  • 4
  • 25
  • 58
8
votes
7 answers

Angular js - slide views but not home page - ng-animate

i'm using ng-animate to slide the app views, so each route slides own view , this is my simple code: html:
css: /*Animations*/ .slide{ left:0; } .slide.ng-enter{ transition:0.15s linear all; …
itsme
  • 48,972
  • 96
  • 224
  • 345
8
votes
2 answers

Using SlidingPaneLayout from the right-hand side?

Is it possible to somehow use Android's SlidingPaneLayout to do exactly what it does except from the opposite side? I.e. I want to bezel swipe the right-hand side of the screen instead of the left-hand side to expose the second pane, and it slides…
saimonjingai
  • 279
  • 4
  • 10
8
votes
3 answers

Bidirectional touch swipe slider for both horizontal and vertical

There are many JavaScript or CSS touch swipe sliders out there but all of them seem to only allow either vertical or horizontal swipe of a slide. Is there anything out there that allows both on one slide, so I can swipe horizontally and vertically…
iwek
  • 1,608
  • 5
  • 16
  • 31
7
votes
9 answers

Sliding An Entire Web Page

Is there a way to mimic the native transition and functionality of "sliding entire pages" like you see on the iPhone but inside a web browser instead? I want one HTML page to slide over and a new HTML page to take it's place after the press of a…
Alex
  • 1,112
  • 4
  • 16
  • 30
7
votes
2 answers

Angular 2 "slide in animation" of a routed component

let's say I have 2 routed components and two Routerlinks in the fixed navbar to route them. I want them to slide in from the right when I click the Routerlinks. I don't want to offset the component with css and use a timeout function to change the…
Han Che
  • 8,239
  • 19
  • 70
  • 116
7
votes
6 answers

Slider of images with undefined height

I'm trying to create a slider of images (previous/next) so the images slide to the left when I click "previous" and to the right when I click "next" with 0.5s of slowness, so it takes some animation. And when I reach the last image and click "next",…
Pedro Estevão
  • 982
  • 1
  • 13
  • 41
7
votes
3 answers

How to create the drag and slide effect from this website?

If you drag and release quickly from the horizontal menu, the menu will auto slide for a distance. It seems to slide more the faster you drag and release. Source ->appear.dk How do i achieve this effect? Has it got to do with some complex formulaes?
p0larBoy
  • 1,312
  • 5
  • 15
  • 24