The property bckground-position is not processed correctly about paroller.js

[tgomilar]

Any possibility to provide some code or maybe Codepen example? Paroller calculates positions based on current scroll position. In some cases this is a feature in others obviously a bug 😄

I have a similiar issue. I have a Logo Image on the Landing Page with a Background Image . The Logo should moves with the scroll down as the BG stays. But when I use the data-paroller the logo is always to close to top and its cut off the screen. When loading the landing page it should be fully visible. It works when i set the type to background but then the image is not more moving downward while scrolling.

I tried to use a margin on the img logo but its not applied when i use the paroller. Any suggestions?

<section id="showcase"> <div class="container-fluid bg" data-paroller-factor="0" data-paroller-type="background" data-paroller-direction="vertical"> <div class="row"> <div class="col-md-6 col-sm-6"> <div class="showcase-left"> <div data-paroller-factor="-1" data-paroller-type="foreground" data-paroller-direction="vertical"> <div class=row> <img src="{$bat.theme}/img/transparent512_desat.png"> </div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="showcase-right"> </div> <!--<a class="btn btn-default btn-lg showcase-btn"></a>--> </div> </div> </div>

#showcase{
}
.bg {
background:
url(../img/probelokal_gruppenfoto.jpg);
border-top:#333 16px solid;
background-size: 100% auto;
background-attachment: fixed;
background-repeat: no-repeat;
}
#showcase img {
width:65%;
margin-left:0px;
margin-top:2em;
opacity: 0.9;
filter: alpha(opacity=80);
}

[tgomilar]

Hi,
please provide some working code example via Codepen or any other online code editor/previewer.

Anyway new version of paroller.js doesn't rewrite previously defined transitions on data-type="foreground" this might be useful if you previously define position with css.