Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

adobe edge animation shows unwanted vertical scrollbar in firefox only

  • 3 replies
  • 2 have this problem
  • 1 view
  • Last reply by drotar

more options

anybody have any idea how to lose a vertical scrollbar on a site where i built a responsive adobe edge animation. on all the other browsers the overflow: hidden works perfectly. only in firefox do i get a scrollbar showing up. little help please. the website is http://www.drotardesign.com/dd/about.html

d

anybody have any idea how to lose a vertical scrollbar on a site where i built a responsive adobe edge animation. on all the other browsers the overflow: hidden works perfectly. only in firefox do i get a scrollbar showing up. little help please. the website is http://www.drotardesign.com/dd/about.html d

Chosen solution

I doesn't seem to work if you apply overflow:hidden to the object tag. It does work if I add this attribute to the body of the animation. You could consider to use an iframe that have the scroll bars hidden instead of a object tag.

Read this answer in context 👍 0

All Replies (3)

more options

First, love the website. Clean and slick. Nice job.

I don't get a scroll bar on Firefox when viewing your site. Make sure that you aren't zoomed in too much. Press Cmd + 0 to reset your zoom level.

more options

Chosen Solution

I doesn't seem to work if you apply overflow:hidden to the object tag. It does work if I add this attribute to the body of the animation. You could consider to use an iframe that have the scroll bars hidden instead of a object tag.

more options

got it - this is how you get rid of it, and thank you Moses for your kind words. Corel was right, these are the attributes that fix it. You need to load it as an iframe

just so you know, the only way to get rid of the scroller in Firefox is to load the RESPONSIVE ADOBE EDGE ANIMATION as an iFrame with these attributes:

     <IFRAME src="http://www.drotardesign.com/dd/animations/edgeAbout/edgeTop.html" width="100%"                    height="100%"   scrolling="no" frameborder="no"></IFRAME>



your css will be this:

/*EDGE ANIMATION*/

   .center1 {
       display: block;
       width: 25%;
       overflow:hidden;
       height:400px;
       padding-bottom:0%;
   }
   .center1Edge {
   width: 100%;
   height: 100%;
   /*left: 0px;*/
   }