search

pixxelfactory / jInvertScroll

A lightweight jQuery vertical scroll - horizontal move plugin with parallax effect.
http://www.pixxelfactory.net/jInvertScroll
MIT License
786 stars 156 forks source link

How do I vertical align my content? #24

Closed waisie closed 7 years ago

waisie commented 7 years ago

For example, in this example u showed us. http://codepen.io/SitePoint/pen/MKExrG

  1. How do you vertical align middle the boxes? It doesn't matter if you resize your browser it will stay in the middle.

2.Also for example if my browser with is 1200px, it will only show "jInvertScroll - A lightweight jQuery horizontal Parallax Plugin" box. So "jInvertScroll - A lightweight jQuery horizontal Parallax Plugin" AND "Quickstart" box will have a different background color. So if i'm viewing the " "jInvertScroll - A lightweight jQuery horizontal Parallax Plugin" box it will have a different background color.

pixxelfactory commented 7 years ago

Hi,

it works this way: http://codepen.io/anon/pen/qqobPr

Essentially: the boxes are positioned absolute. Set them to top: 50%; and transform: translateY(-50%)

Best regards Alex

Am 30.11.16 um 17:35 schrieb waisie:

For example, in this example u showed us. http://codepen.io/SitePoint/pen/MKExrG

  1. How do you vertical align middle the boxes? It doesn't matter if you resize your browser it will stay in the middle.

2.Also for example if my browser with is 1200px, it will only show "jInvertScroll - A lightweight jQuery horizontal Parallax Plugin" box. So "jInvertScroll - A lightweight jQuery horizontal Parallax Plugin" AND "Quickstart" box will have a different background color. So if i'm viewing the " "jInvertScroll - A lightweight jQuery horizontal Parallax Plugin" box it will have a different background color.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/pixxelfactory/jInvertScroll/issues/24, or mute the thread https://github.com/notifications/unsubscribe-auth/AFBFCKkz2EjMRGpiV1gbypexHsPedJcQks5rDaXjgaJpZM4LAZ1h.