Experiment with position:fixed
Note: This article was originally posted under the Long Way Down theme.
I've had this idea in my head for awhile and haven't had the time to implement it exactly how I wanted to. However, I did want to ask for some feedback on this idea that I had. For those of you reading this via your newsreader, come take a visit to the site.
For everybody but those using IE, you should notice that the comment box is located in the right hand column and uses
position:fixed to force it to stay in place as the user scrolls the page. The reason why I like this idea is I've often found myself responding to an article or to another comment and having to scroll back and forth to formulate my response. By having the comment box available in this fashion, I'm hoping that I've made it easier for people to post comments on the site.
My initial concern is for users with lower browser resolutions as the content could appear off page with no way of accessing it. The other dilemma is that I had to find a location for the navigation that appeared in the right column. For now, I've simply moved it to the bottom of the page.
- only set the position to fixed once the page has been scrolled past a certain point, locking the div to the top of the page. This would also help minimize off-canvas issues with lower resolutions.
- detected if the layer is appearing off-canvas so that the comment area could reside in its normal location underneath the content.
- added support for IE.
What do you think of the concept? Does it help or harm the usability of the site?