Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member Adwiz's Avatar
    Join Date
    Oct 2017
    Posts
    1
    Member #
    57569

    Missing scroll bar

    We hacked a framework we had licensed that was designed to be used for a "slides" type of structure to create a site with longer pages that scroll down. The problem is that now the browser doesn't show the traditional scroll bar on the right side when scrolling. We're getting a surprising number of complaints about not having a scroll bar. Didn't think people even bothered with that anymore but it seems they do.

    Does someone know an easy fix or what we should look for in JS or CSS to try and find out why that scroll bar is hidden?

    The site can be viewed at BC Professional Wedding Awards The home page uses the "slides" structure but you can view the longer scrolling pages by clicking on the Categories or Judging menu items.

  2.  

  3. #2
    Junior Member SoftLink's Avatar
    Join Date
    Sep 2017
    Location
    Central Florida
    Posts
    24
    Member #
    57480
    It's difficult to say without looking at the code, why no scrollbars.
    The mouse wheel scrolls on that site so it's not body{overflow:hidden}

    There are a number of ways to do it, some more cross-browser compatible than others.
    You can use the above overflow:hidden and add javascript to manually move the scroll when the user tries to scroll with the wheel.
    There would have to be a 'wheel' ('mousewheel' for older browsers) event listener set up.

    You can use a div that is just wider than the screen with overflow:hidden. Then put a div inside it that is screen width with margin-right: -18px (or scroll width) and padding-right:18px and overflow:auto;

    It's possible that they used css scrollbar properties like: ::-webkit-scrollbar but it's not a standard and not reliable across browsers, so I doubt it.

    Again, the only way I can know how they did it is to analyze the code.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:28 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com