@Natthakorn wrote:
I create HTML File for test like this
<html><head> <style> .wrapper{ transform: translate(0,0); } .container{ height: 600px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; } .container1{ background-image: url(http://www.fillmurray.com/900/600); } .container2{ background-color: white; } </style></head> <body> <div class="wrapper"> <div class="container container1"> </div> <div class="container container2"> </div> </div> </body> </html>I test this code on Google Chrome & Firefox. It work correctly of both.
But I apply above code to ionic like this<style> .wrapper{ transform: translate(0,0); } .container{ height: 600px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; } .container1{ background-image: url(http://www.fillmurray.com/900/600); } .container2{ background-color: white; } </style> <ion-view view-title="Home"> <ion-content overflow-scroll="true"> <div class="wrapper"> <div class="container container1"> </div> <div class="container container2"> </div> </div> </ion-content> </ion-view>It work correctly in Firefox but not in Google Chrome.
Posts: 1
Participants: 1