HOw do i eliminate the scroll bar and still scroll with the mouse wheel

Discussion in 'Web Design' started by DotCom, Feb 10, 2013.

to remove all ads.
  1. DotCom

    DotCom New Member

    Messages:
    116
    I have this on my body

    overflow-x:hidden;
    overflow-y:hidden;


    no specified height. With this on, the scroll bar is gone but i still can't scroll with the mouse wheel. What do i have to do to activate that?






    PS. If no-one came up with that solution or technology yet, can someone please suggest the idea to their university.
     
  2. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
  3. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    indeed, odd UI is not a good thing. and what if you dont have a mouse wheel?
     
  4. DotCom

    DotCom New Member

    Messages:
    116
    WHo in the 21st century does not have a mouse wheel. Also there is going to be a pop or something that tells the user to scroll with the mouse wheel. Those who don't have one cant scroll, its not my fault. The majority (i'm pretty confident its over 90% of americans) have access to a mouse wheel either at home or a library, whatever the case....


    If there is another option it would be to have a pop out scroll bar. It makes more room for the page. I can't tell you how many times that small space of the scroll bar has taken me a long way. I bet this will be a new trend too. I know you all agree with me how much more efficient it would be to have either one of those options.

    - Hidden scroll ie mouse wheel
    - pop out scroll bar
     
  5. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    um? me.

    anyone using graphics tablets, trackpads, et al.
    anyone on a phone, ipad, tablet, et al.
    anyone on a laptop (without a mouse)
    anyone using a mac with the mouse that comes shipped with it.
    people who have an older machine/ older style mouse.

    (and yes I know a lot of the functionality the mousewheel provides can be utilised by touch devices, but I would not come to such a sweeping generalisation as you have though...)

    and no I cant agree with either of those options. a scroll takes up at worst 20px.
    if you cant accommodate that you're doing something wrong.

    but by all means if you're determined to do it, the link ronald posted is probably your best bet.
     
    Last edited: Feb 10, 2013
  6. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,611
    I totally agree and add one other thing.


    In most counties the website operator and/or developers can be sued for for NOT ensuring that the documents on the site fully accessible by people with disabilities, 'breaking' the normal UI behaviour means that parts of the documents may be inaccessible to a portion of the website visitors, and as a few companies have discovered, just ONE complaint can prove to be very expensive.

    Actually .... It IS.
     
    Last edited: Feb 10, 2013
  7. DotCom

    DotCom New Member

    Messages:
    116
    Popping up on hover is not being inaccessible. It' s a bit common sense to run tests, don't you think?
     
  8. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    again tho, not all devices have a hover state.
     
  9. DotCom

    DotCom New Member

    Messages:
    116
    I actually wasn't really aware of that. I would assume that as intelligent as developers claim to be with their field, effective UI would have already been integrated. Which is why i said to suggest the idea to their university, if the idea hasn't been developed (or the HTML5 developers group). It is completely logical to eliminate the scroll and replace it with a different function, the same way it makes sense to be able to position the background of an image using X or Y coordinates or having a Z index.

    Why use something that limits the developers. Everyone is smart enough to know that when a page exceeds past the bottom fold of their screen, it is a natural instinct to scroll down by various means.

    Your just moving the user from one habit to another, without any frustration. Again even having a pop up scroll bar and the ability to hide it and just use common sense to scroll up or down when perceived too makes it easier on both ends of the document.




    Think outside the box everyone, use your problem solving skills (if you dont use it you lose it) integrate it in all of your websites, i guarantee you it will trend within 7 months. Post it on yoru blogs, forums etc.... even run a survey. SUggest it to yoru class....I sure as hell am. Don't criticize and then be the fake that turns around and uses the idea.
     
    Last edited: Feb 11, 2013
  10. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    Seems like a lot of work when there's already a scroll bar in built into the browser...
     
  11. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    actually dotcom, if it actually near on impossible to have a hover state on a mobile/touch device. why? because you cant hover! you click, you touch you swipe, you pinch, but you can't hover. It's got nothing to do with developers and their level of intelligence or ability. it's the physical constraints of the device.

    in any case, you should be aware that on iOS the scroll is hidden anyway!

    I doubt it, but you can dream.

    Actually I prefer to put my problem solving skills to good use and come up with creative and innovative solutions that help aid my CLIENTS to make their sites easier for them to use, maintain and manage rather than trying to reinvent the wheel.
     
  12. DotCom

    DotCom New Member

    Messages:
    116


    Obviously your understanding of good use is a little more constraint than mine.
     
  13. DotCom

    DotCom New Member

    Messages:
    116
    So is 15 years of research in sciences that end only being summarized in 7M to an hour.
     
  14. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,611
    Nope, it's just that your idea of "good use" is more about making it easier for yourself rather than for the end users.
     
  15. DotCom

    DotCom New Member

    Messages:
    116


    Good use is effective UI and 20px can make a difference when you're trying to make a word very clear or give more detailed clarity to an image. Your conforming to what people are already experiencing. The scroll bar is obsolete (at least having it show by default is obsolete). You know it is a good idea. It's comedy how much you try and deny it. Stop being prideful, just accept the realities that scrollbar show by default is obsolete.

    scrollbar {
    default:hidden
    }



    SCROLL BAR SHOWING BY DEFAULT IS OBSOLETE!
     
    Last edited: Feb 11, 2013
  16. DotCom

    DotCom New Member

    Messages:
    116
    And yes it makes our job easier and the pages more interactive FOR THE USER!
     
  17. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,611
    So having the scrollbar on this very document is obsolete is it?
    What would you propose instead?

    A series of anchors at the 'top' of the document that were linked to each and every post id? Then have a "back to to top" anchor?
    Each post on a separate URL with << | Prev | Next | >> links under each one?

    You really do have a very narrow viewpoint, a document scroll bar is STILL the most convenient way for navigating a long document. When the dominant device in use for viewing web documents is a 'touch screen' and people have lost the need for a visual aid that there is more of the document 'below the fold' then the scroll bar can go go the way of the Dinosaur and the Dodo, but, for the time being it remains a functional part of the browser anatomy and of course EVERY single application that has to display documents that are longer than a single screen viewport.

    It may not be aesthetically pleasing, but like male genitalia it has a function and as such is going to be required for quite some time yet.
     
    Last edited: Feb 12, 2013
  18. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    Code:
    scrollbar {
       default:hidden
    }
    
    I dont know whether to laugh or cry. what spec are you reading from?
     
  19. DotCom

    DotCom New Member

    Messages:
    116
    it's just B.S code :)
     
  20. DotCom

    DotCom New Member

    Messages:
    116


    tisk tisk...you don't get it...narrow viewpoint? perhaps you should reflect upon your so broadened ideology. There is a difference between liking the idea of wise words and actually living it. Try reading back to other replies, you may have missed a few things.


    PS what you've mentioned is typical of what i've seen on other documents (& there is JQ for that)
     

Share This Page