search

apertureless / vue-parallax

🌌 Vue.js component for parallax image scroll effects
MIT License
638 stars 88 forks source link

change image starting position to top #7

Closed antonioreyna closed 7 years ago

antonioreyna commented 7 years ago

hello, how can i change the image position?

apertureless commented 7 years ago

Don't really understand your question.

antonioreyna commented 7 years ago

i copy the styles and changed this

 @include object-fit(cover, bottom);

to

 @include object-fit(cover, top);

is that the way to go?

apertureless commented 7 years ago

Oh now I understand. Yeah the object fit must be changed in the css.

The styles are relevant for the behavior, to give you as much control as possible. Thats why you can pass the relevant css classes as props. So you can style them the way you want.

However the masthead class, which contain the image, has always a height of 120%. The 20% are nessasary for the parallax effect. Thats why you not always see a perfect crop of your image.

antonioreyna commented 7 years ago

great! thank you!