What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 133 Stack Exchange communities.

Often, I'm reading a really long answer, and I scroll down to read it. Then, when I want to vote it up or down, the the voting buttons are farther up the page (because I scrolled down), where I can't see them.

Yes, I could scroll all the way up, which I usually do, but some users might be too lazy to do it. Also, since they can't see the vote button, they might forget to vote. And, it's annoying to have to scroll up, so some users might just not bother to vote.

What I propose is that we implement something similar to what OMGUbuntu does with their sharing buttons. Basically, when the voting buttons are not visible because a user scrolled past them, they should have a fixed position on the screen. However, once a user has scrolled past the answer or question in question, the voting button for that specific answer or question can be hidden again.

More examples: CSSTricks, the FAQ, and this answer (which shows what it will look like on Stack Exchange)

share|improve this question
2  
Related: ux.stackexchange.com/q/9969/5117 –  casperOne Mar 3 '12 at 14:20
    
This could be useful –  Ben Brocka Mar 3 '12 at 15:22
4  
God I hate it when sites do this "floating element" thing. I vote "Nay". –  Josh Caswell Mar 3 '12 at 18:49
    
See also: meta.stackexchange.com/q/118549/157163 –  Ambo100 Mar 3 '12 at 20:11
2  
A "top of page" link is something different I feel, @Ambo100. And like you answered yourself: that has keyboard shortcut equivalents in all browsers. –  Arjan Mar 4 '12 at 11:00
3  
@JoshCaswell, Any particular examples that are especially distasteful? I would think that such a behavior could be done tastefully and in such a way as to not make things more cluttered or irritating. I do agree with you that this is often abused, but I also find it very useful when done well (ie. for things that matter to me and not for stupid things like "share this" icon links) –  cdeszaq Mar 5 '12 at 23:01
1  
@cdeszaq: No examples, sorry. It's just a personal (perhaps unfounded) distaste for a web page not acting like a "document". I just don't feel (note I don't say "think") like scrolling should make the layout change. Buttons, expansion arrows are another thing. If this gets implemented, I'll get used to it. –  Josh Caswell Mar 6 '12 at 1:17
1  
Might this create accessibility issues? –  Benjol Mar 6 '12 at 7:55
    
@Benjol like what? As far as I know, there wouldn't be any. Plus, se uses this for the FAQ, and afaik there aren't any accessibility issues with the faq. –  Christofian Mar 6 '12 at 20:42

1 Answer 1

I made a quick prototype you can try. Go to a question page and paste this in the address bar to try it:

javascript:(function(){
    $(window).scroll(function(){
        $("div.vote").each(function(){
            var el = $(this);
            var scrollTop = $(window).scrollTop();
            var p = el.parent();
            var y = Math.min(Math.max(0, scrollTop - p.offset().top), p.height() - el.height());
            el.css("position", "relative");
            el.css("top", y + "px");
        });
    });
})()

It has some issues, but it should at least give you an idea of what it would look like.

share|improve this answer
    
It works but has a noticeable slowdown when scrolling. –  Jeff Mercado Mar 4 '12 at 21:35
    
I just took Hammar's code (which implements this feature) and turned it into a greasemonkey script. Get it at stackapps.com. –  Christofian May 6 '12 at 21:01

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .