Vertical Scrollbar Disappears in FireFox

quddusaliquddus · #1 June 29th, 2009, 01:50 AM

I am running this: http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm

It works fine except the vertical scrollbar disappears when the image is clicked.

What should I do?

acoder · #2 June 29th, 2009, 11:16 AM

Which vertical scrollbar? Is this on the linked page or in your code?

quddusaliquddus · #3 June 29th, 2009, 03:06 PM

When i run the code - the scrollbar disappears in the page im running the code in.

quddusaliquddus · #4 June 29th, 2009, 03:22 PM

BTW - it works fine when run in a empty website - but if i run ti in a page with other scripts it makes the vertical scrollbar disappaear. any ideas why?

acoder · #5 June 29th, 2009, 03:52 PM

Without your code, I couldn't say.

quddusaliquddus · #6 June 29th, 2009, 03:56 PM

Would you like me to post the HTML code?

quddusaliquddus · #7 June 29th, 2009, 04:14 PM

If I add these scripts to the page then it goes wrong:

Expand|Select|Wrap|Line Numbers

        <script id="1" type="text/javascript" src="js/jquery.js"></script>
 
        <script id="2" type="text/javascript" src="js/interface.js"></script>
 
        <style type="text/css">

            a.active {

                font-weight: bold;

            }

            div.inactive {

                display: none;

            }

        </style>
 
        <link href="style.css" rel="stylesheet" type="text/css" />
 
        <script id="3" type="text/javascript" src="searchPage.js"></script>

acoder · #8 June 29th, 2009, 04:29 PM

All of the relevant code, but if it's quite a bit, either post a link or upload/attach the file(s) here.

quddusaliquddus · #9 June 29th, 2009, 04:32 PM

I just tested it out. The conflict is with a dock menu's interface.js that I've been using:

http://www.ndesign-studio.com/blog/mac/css-dock-menu

If I add <script id="2" type="text/javascript" src="js/interface.js"></script>

then the scrollbar doesnt work.

quddusaliquddus · #10 June 29th, 2009, 04:41 PM

It might be something to do with this function in scrolltopcontrol.js

Expand|Select|Wrap|Line Numbers

     scrollup:function(){

        if (!this.cssfixedsupport) //if control is positioned using JavaScript

            this.$control.css({opacity:0}) //hide control immediately after clicking it

        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)

        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists

            dest=jQuery('#'+dest).offset().top

        else

            dest=0

        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);

    },

I think maybe when it checks to see if control is positioned using javascript - it finds that the scrollbar fits the description.