Elegance

Problem with latest Chrome and Elegance - Elegance

Problem with latest Chrome and Elegance

by skybound » Thu Sep 28, 2017 10:32 am

Have just updated to the latest version of Chrome:
Version 61.0.3163.100 (Official Build) (64-bit)

This theme no longer scrolls smoothly. Have tested a number of phpBB sites and ordinary prosilver themed ones work fine, so appears to be limited to Elegance styles. Even the demo of the style here is more 'jerky' or lags in scrolling.

Seems to be across phpBB 3.1 and 3.2 sites.

Have tried the smooth scrolling in chrome://flags/ but if enabled it makes it worse.

Any ideas?
skybound
Registered User
Posts: 96
Joined: Wed Nov 12, 2003 7:11 am
Location: Port Elizabeth - South Africa
Contact:

Re: Problem with latest Chrome and Elegance

by MrGaby » Thu Sep 28, 2017 9:06 pm

Hello

If I understood what I read on the subject, Chrome (and webkit based web browsers) have problems with certain css directives, including some background directives. They recalculate the background indicated on each scroll, which can cause some scrolling problems.

Do you have a fixed forum background? Do you have a link to your forum?
If you like my work, you can support me with a donation. Thanks!
Donate via Paypal
MrGaby
Registered User
Posts: 83
Joined: Sun Apr 02, 2017 8:04 pm
Contact:

Re: Problem with latest Chrome and Elegance

by skybound » Fri Sep 29, 2017 6:31 am

Yes I do have a forum background. Web addy: http://avcom.co.za
skybound
Registered User
Posts: 96
Joined: Wed Nov 12, 2003 7:11 am
Location: Port Elizabeth - South Africa
Contact:

Re: Problem with latest Chrome and Elegance

by MrGaby » Fri Sep 29, 2017 9:00 pm

Hello

The problem exists whatever the theme (even with prosilver), and with all webkit based web browsers (chrome, safari, etc...).

I can not find a satisfactory solution. The only radical solution would be to delete the line

Code: Select all

background-attachment: fixed;
in the file ext/alex75/background/styles/prosilver/theme/background.css, but your background would no longer be fixed. It might then be necessary to play on his size so that it corresponds to what you wish.

Sorry. :oops:
If you like my work, you can support me with a donation. Thanks!
Donate via Paypal
MrGaby
Registered User
Posts: 83
Joined: Sun Apr 02, 2017 8:04 pm
Contact:

Re: Problem with latest Chrome and Elegance

by MrGaby » Sat Sep 30, 2017 8:07 am

Hello

And the winner is... MrGaby ! :D :D

In ext/alex75/background/styles/prosilver/theme/background.css, find:

Code: Select all

html, body {
    background-size: cover;
    background-position: center center;
    background-image: url("./background.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
}
Replace with:

Code: Select all

body:before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    will-change: transform;
    z-index: -1;
    background-size: cover;
    background-position: center center;
    background-image: url("./background.jpg");
    background-repeat: no-repeat;
}

body {
    position:relative;
    z-index: 0;
}
Purge forum cache, and enjoy! ;)
If you like my work, you can support me with a donation. Thanks!
Donate via Paypal
MrGaby
Registered User
Posts: 83
Joined: Sun Apr 02, 2017 8:04 pm
Contact:

Re: Problem with latest Chrome and Elegance

by skybound » Sun Oct 01, 2017 10:22 am

A remarked improvement. Thank you MrGaby!
skybound
Registered User
Posts: 96
Joined: Wed Nov 12, 2003 7:11 am
Location: Port Elizabeth - South Africa
Contact: