ค้นหาฝ่ายสนับสนุน

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.

เรียนรู้เพิ่มเติม

adobe edge animation shows unwanted vertical scrollbar in firefox only

  • 3 การตอบกลับ
  • 2 คนมีปัญหานี้
  • 8 ครั้งที่ดู
  • ตอบกลับล่าสุดโดย 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.

อ่านคำตอบนี้ในบริบท 👍 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;*/
   }