Vertical Scrollbar Disappears in FireFox

quddusaliquddus

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

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

quddusaliquddus

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

quddusaliquddus

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

Without your code, I couldn't say.

quddusaliquddus

Would you like me to post the HTML code?

quddusaliquddus

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

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

quddusaliquddus

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

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.

acoder

It may well be, but I would need to see it in action via a link or the actual code uploaded.

Please use [code] tags when posting code. Thanks.

Vertical Scrollbar Disappears in FireFox

re: Vertical Scrollbar Disappears in FireFox

re: Vertical Scrollbar Disappears in FireFox

re: Vertical Scrollbar Disappears in FireFox

re: Vertical Scrollbar Disappears in FireFox

re: Vertical Scrollbar Disappears in FireFox

re: Vertical Scrollbar Disappears in FireFox

re: Vertical Scrollbar Disappears in FireFox

re: Vertical Scrollbar Disappears in FireFox

re: Vertical Scrollbar Disappears in FireFox

re: Vertical Scrollbar Disappears in FireFox

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/other

/bytes/about