Chrome Error

Permalink Browser Info Environment
Bizarre behaviour when viewing website with the Chrome browser.

Slider at top of page, scroll down page to read content, the page jumps back to the top on image swop?

Do you see that?

Type: Discussion
Status: New
Steevb
View Replies:
jheanly replied on at Permalink Reply
jheanly
Hi,

I have had a look at the slider in Chrome and I don't seem to be experiencing the problem. I have the slider at the top of the screen and scroll down so that I can't see the slider. The screen does not jump back to the top.

Have you got an example somewhere that I could take a look at?

Thanks

James
Steevb replied on at Permalink Reply
Steevb
Hi James,

Here are two sites I'm working on.

http://rushenhh.co.uk/

http://www.mindandbodyfusion.co.uk/...

Does it with Safari as well, so maybe a webkit thing?

Doesn't do it on the iPhone.

Doesn't do it with the original either?

Might have to have another look.

C5 version 5.5.2.1
jheanly replied on at Permalink Reply
jheanly
Hi,

Regarding your comment about "Doesn't do it with the original either?", are you saying that the original version of the add-on had no problems but this issue seems to have been introduced in one of the later versions? If so, then that might help me work out what is causing the problem.

Regards

James
jheanly replied on at Permalink Reply
jheanly
Hi,

I have just remembered that someone else reported this issue to me previously. The reason they were getting the page jump is because the images in their File Set were not exactly the same dimensions. When they correct this, the page jump went away. One of the restrictions of the Blueberry Slider is that all images need to be the same size.

Can you please check that all images in the File Set are the same size?

Regards

James
jheanly replied on at Permalink Reply
jheanly
Hi

One more thing I have noticed with your websites. The page does not actually seem to jump all the way back to the top. It seems to only jump so that the footer on the page is not displayed. Not sure if this is a hint towards the problem but it might be worth investigating.

Regards

James
Steevb replied on at Permalink Reply
Steevb
When I mentioned the original, I meant Marks version.

Tried a few things and found that view.php had no window load. So changed your view.php and it now works for me.

<script type="text/javascript">
$(window).load(function() {
   $('#<?php   echo $this->controller->getUniqueDivId(); ?>').css('max-width','<?php   echo $imageWidth?>px');
   $('#<?php   echo $this->controller->getUniqueDivId(); ?>').css('margin','<?php   echo $sliderMargin?>px auto');
   <?php   if ($applyBorder == 1) {?>
     $('#<?php   echo $this->controller->getUniqueDivId(); ?>').css('padding','<?php   echo $borderWidth?>px');
     $('#<?php   echo $this->controller->getUniqueDivId(); ?>').css('background','<?php   echo $borderColor?>');
   <?php   }
   else { ?>
     $('#<?php   echo $this->controller->getUniqueDivId(); ?>').css('padding','0px');
   <?php   }?>
   $('#<?php   echo $this->controller->getUniqueDivId(); ?>').blueberry({pager:<?php   echo ($hideNavControls == 1) ? 'false' : 'true' ?>, interval:<?php   echo $sliderInterval?>});
});
</script>
jheanly replied on at Permalink Reply
jheanly
Hi,

In one of the original versions of the slider, I was using "$(window).load(function()" however as part of the review process for the slider, the PRB suggested I change this to use "$(function()" so that the images can be seen immediately after the block is edited (apparently when the window load is used, the images cannot be seen after editing the block until the edit is published).

I will try to investigate further as to why you are experiencing this issue but I am not.

Regards

James
aprobert replied on at Permalink Reply
aprobert
I'm having the same issue. I think all of my images are the same size, but I'll recheck. The site I'm working on is probertaop.org

Thanks
jheanly replied on at Permalink Reply
jheanly
Hi,

I found this forum post that mentions that having img height:auto can cause problems with the blueberry slider...https://github.com/marktuk/Blueberry/issues/8

I have noticed that your style sheet main.css has height:auto defined for img's.

I would be interested to know if you removed this line, would if fix the slider jump?

Regards

James
aprobert replied on at Permalink Reply
aprobert
I'm not sure what happened, but I'm not having the problem any longer. It's working fine now. I didn't changed the auto setting for img's. Did you do you something?
jheanly replied on at Permalink Reply
jheanly
Hi,

I haven't done anything. Note sure what to think, but as long as it is working I guess that is a good thing

James
jpgriffin replied on at Permalink Reply
jpgriffin
Changing the view.php worked for me as well.

Cheers for this.
sarah3585 replied on at Permalink Reply
sarah3585
Also came across this issue, changed the view.php worked.
palmeros replied on at Permalink Reply
palmeros
Same problem, fixed with $(Window).load

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.