We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

חיפוש בתמיכה

יש להימנע מהונאות תמיכה. לעולם לא נבקש ממך להתקשר או לשלוח הודעת טקסט למספר טלפון או לשתף מידע אישי. נא לדווח על כל פעילות חשודה באמצעות באפשרות ״דיווח על שימוש לרעה״.

מידע נוסף

adobe edge animation shows unwanted vertical scrollbar in firefox only

  • 3 תגובות
  • 2 have this problem
  • 1 view
  • תגובה אחרונה מאת 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

פתרון נבחר

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

כל התגובות (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

פתרון נבחר

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;*/
   }