Support » Themes and Templates » Appearing/disappearing horizontal scroll bar while scrolling vertically

  • kmillerwpi

    (@kmillerwpi)


    Dear WP community,

    I’m having a strange problem (arising from CSS, I suspect) with a horizontal scroll bar that appears only when one scrolls my site vertically.

    Note: this problem only seems to manifest itself in Firefox.

    The site is located at http://www.navigamus.net/. To recreate the problem:

    1. Use Firefox.
    2. Locate a long page (e.g., the front page).
    3. Scroll the page vertically by dragging the right-hand vertical scroll bar with your mouse.

    A horizontal scroll bar should appear and disappear while you scroll. The problem is especially weird when you hit the bottom of the page.

    One observation I’ve made: by moving the mouse slightly off the horizontal scroll bar while scrolling, you can make the problem disappear. I.e., the problem is somehow based on mouse position.

    Any help or insight is extremely welcome. Neither Google nor WP forums’ current posts seem to be able to offer any help.

    – Kyle

Viewing 3 replies - 1 through 3 (of 3 total)
  • t31os

    (@t31os)

    It looks like a problem when using the scrollbar in particular, it’s fine when scrolling any other way, though strangely i can’t replicate it anywhere else…

    Seems to me like something is over-extending the page when scrolling..

    No idea what though unfortunately..

    Thread Starter kmillerwpi

    (@kmillerwpi)

    Thanks for the reply. I’ve tried putting borders around all my divs to see if something over-extends or changes size while scrolling, but nothing seems unusual.

    As it happens on pages other than the front page, it can’t be attributed to Google Maps or any of the other things that appear on the front page, either.

    My solution would be to set overflow-x to “hidden” (which solves the problem) except that I want the scroll bar to appear when viewing large photos (e.g., http://www.navigamus.net/v/santafe/KHM_5262.jpg.html?g2_imageViewsIndex=1).

    Anyway, thanks again. I’ll see if anybody else chimes in.

    Thread Starter kmillerwpi

    (@kmillerwpi)

    My “solution” to this problem is ultimately unsatisfactory, but it works: I changed how my photo gallery behaves and set my body style to overflow-x: hidden;.

    Visiting my site will no longer demonstrate the problem, as I have forced the horizontal scroll bar to be disabled with the above code.

    Maybe someday someone will figure out what was going on.

    – Kyle

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Appearing/disappearing horizontal scroll bar while scrolling vertically’ is closed to new replies.