[isaumya]

Hey man,
Just from today I’ve seen that my site is having very nonresposive vertical scroll specially on chrome (latest). When doing scroll, it sometimes scrolls sometimes not. Any help for this?

[Abbe]

Hi,

Use Chrome Dev Tools or Firebug to find potential paint rectangles that are being repainted on scroll.

On Chrome Dev Tools u have a special menu for that purpose:

– Show paint rectangles
– Show composited layer borders
– Show FPS meter
– Enable continuous page repainting
– Show potential scroll bottlenecks

I suggest you to look for documentation on how to use the menu above and the other Dev Tools, and articles about the subject “scroll bottlenecks”

Then, optimize your site by reducing http requests, compress css and js, reduce image sizes, etc etc etc…

And for last, latest Chrome versions has disable some FLAGS, that affects the rendering, specially when using one pages layouts. Activating them on your browser may help, but they’re still disabled on any other computer from a regular user.

In my opinion this is not a question with an straight solution.
So read read read : )

Accelerated Rendering in Chrome

How to Speed Up Google Chrome Web Browser

Good Luck!

[ahmetsali]

@isaumya

Hi, i just checked your site and didn’t notice any issue when scrolling up or down.

[isaumya]

did you used chrome?

[ahmetsali]

yes latest chrome, i just checked your site and i see the issue now. But this doesn’t occur on our demo site. I have no idea what causes the problem in your site. You can try;

– deactivate all plugins and check again.

[isaumya]

@ahmetsali: Hey man thanks for your kind reply. I’m 200% sure that this is not happening for any plugin, because I run WordPress multisite, so I don’t install much wasted plugin. Beside I think this is happening for some custom CSS I’ve added. I’m pasting the custom CSS I’m currently using, can you please take a quick look and let me know that if something in this custom css is causing the issue?
Here are my Custom CSS:

.testo .text p {
text-align: justify;
}

.mu_register {
background-color: #f3f3f3;
width: 100% !important;
padding: 50px 50px 50px 50px;
border-radius: 10px;
margin-top: 60% !important;
text-align: center;
font-family: “Arvo”, serif;
font-size: 2em;
opacity: 0.97;
}

.portfolio-field p {
text-align: justify;
}

.highlight {
background: #FFF6B3;
padding: 4px 4px;
}

::selection {
text-shadow: none;
color: #333;
background: #ffe051;
}

.testo-group {
padding: 1em 0 0 0 !important;
}

.centerall {
margin-right: auto;
margin-left: auto;
display: table;
}

.letter-title {
color: #333333 !important;
}

.hrdesign {
background: url(http://cdn4.isaumya.com/wp-content/themes/bookcard/images/bckg/letter-lines.png) left top repeat-x;
background-size: 45px 5px;
border-color: #fff !important;
margin-bottom: -10px;
}

.client {
filter: url(“data:image/svg+xml;utf8,#grayscale”); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
}

.blog-single .entry-content p {
text-align: justify;
}

.footerelement {
width: 80%;
margin-left: auto;
margin-right: auto;
}

.labeltext {
font-size: 13px;
margin-bottom: .2em;
font-weight: 900;
letter-spacing: 1px;
color: #6A7686;
text-transform: uppercase;
}

@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}

.fsb-title {
font-weight: bold;
color: #345 !important;
}

.prettyprint {
padding: 1px 22px 22px 22px !important;
}

#ss_pages {
float: left;
}

#ss_cpt {
float: right;
}

.entry-content {
text-align: justify;
}

.alignleft:first-child,
.alignright:first-child {
margin-top: 0.3em; margin-bottom: 0 !important;
}

div.fsb-clear {
clear: none;
}

.wp-caption.alignright {
margin: .3em 0 0 1.5em;
}

.event h5 a {
color: #d1dbdc;
}

.edd-submit.button.blue {
padding: .6em 1.2em .5em;
font-size: .8em;
font-weight: 900;
}

.edd_purchase_submit_wrapper {
float: left;
margin-left: 10%;
}

#fsb-social-bar.fsb-fixed {
z-index: 9999 !important;
}

.header img {
filter: none;
filter: sepia(0);
-webkit-filter: sepia(0);
-moz-filter: sepia(0);
-o-filter: sepia(0);
-ms-filter: sepia(0);
-webkit-transition: all 3000ms ease;
-moz-transition: all 3000ms ease;
-ms-transition: all 3000ms ease;
-o-transition: all 3000ms ease;
transition: all 3000ms ease;
}

.header img:hover {
-webkit-filter: sepia(0.6); -webkit-filter: sepia(60%);
-moz-filter: sepia(0.6); -moz-filter: sepia(60%);
-o-filter: sepia(0.6); -o-filter: sepia(60%);
-ms-filter: sepia(0.6); -ms-filter: sepia(60%);
-webkit-transition: all 3000ms ease;
-moz-transition: all 3000ms ease;
-ms-transition: all 3000ms ease;
-o-transition: all 3000ms ease;
transition: all 3000ms ease;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Please help.

[isaumya]

Hey brother, I know you guys are really busy, but please help me out whenever you get some free time.
Thanks…

[ahmetsali]

try clearing all your custom css code and try again, let’s see if it is related to custom css.

[theachard]

I don’t have any custom CSS on my site, and I’m having the same issue… only with Chrome though. I haven’t got many plugins running, and it doesn’t seem to improv if I disconnect them.

Did you ever find a solution for this problem?

Thanks!

[ahmetsali]

@theachard

Hi, can you provide your url?

[theachard]

@ahmetsali

Hi! Thanks! URL is below. I’ve cleaned out large files and plugins in both WordPress and Google apps. The site scrolls perfectly on all other browsers I’ve tried, but on Chrome it’s inconsistent at best.

http://theachard.com/

Let me know if you have any ideas. Thanks again!

[ahmetsali]

@theachard

it’s weird, i just checked your site on latest chrome(v43) on win10 and it scrolls perfectly on my side