Jump to content


Photo
- - - - -

Adding a scroll-bar ONLY to the section for the main page content


  • Please log in to reply
9 replies to this topic

#1 pranavc

pranavc

    Soho Novice

  • Members
  • PipPipPip
  • 78 posts

Posted 09 February 2009 - 02:33 AM

Hi,
I have been getting an amazing amount of help through this community forum and I cannot thank people here enough for it. It looks like I have another question. I was wondering how to customize the standard template to incorporate a scroll-bar in the page's
main-content area. Basically, what I want is that when people scroll-down my page, they can still see the menu buttons, and the section above them. Is this even possible? Any input would be highly appreciated. Thanks in advance.

Regards,

Pranav
http://www.radiocremebrulee.com

#2 lwyau

lwyau

    a soho enthusiast

  • Moderators
  • 5,605 posts

Posted 09 February 2009 - 12:51 PM

From a page design standpoint, there are two reasons not to do what you want:

1. The browser already has a vertical scroll bar and scrolling vertically is such an ingrained thing. To add another vertical scroll bar is a little unnerving and confusing, at least initially.
2. Keep the header portion stationary also reduce the usable height of the page, it is entirely possible that the viewer will have to scroll the browser's vertical scroll bar in order to get your own scroll bar to be in full view. In doing so, your header portion is no longer in view, defeating the whole purpose.

Having said the above, you will need to modify your template by placing your #CONTENT# in a <div>. Give this division desired hight, width, and specify overflow=auto for scrolling.

#3 pranavc

pranavc

    Soho Novice

  • Members
  • PipPipPip
  • 78 posts

Posted 10 February 2009 - 10:32 AM

From a page design standpoint, there are two reasons not to do what you want:

1. The browser already has a vertical scroll bar and scrolling vertically is such an ingrained thing. To add another vertical scroll bar is a little unnerving and confusing, at least initially.
2. Keep the header portion stationary also reduce the usable height of the page, it is entirely possible that the viewer will have to scroll the browser's vertical scroll bar in order to get your own scroll bar to be in full view. In doing so, your header portion is no longer in view, defeating the whole purpose.

Having said the above, you will need to modify your template by placing your #CONTENT# in a <div>. Give this division desired hight, width, and specify overflow=auto for scrolling.


As always, thank you for your prompt acknowledgment of my post. I appreciate your humoring all my crazy questions. I absolutely agree that having two scroll bars side-by-side is very poor design. It will would definitely put off visitors.

I was thinking more along the lines of a single scroll bar. The page below represents what I am talking about. I just stumbled across it yesterday:

http://acharts.us/no..._singles_top_20

In the page above, there is only one scroll bar, and the right-hand column remains stationary. In this case, if my basic template (menu and header) stayed stationary and there weren't two scroll-bars, that would be ideal. Of course, that the concept of anchors for different parts of my pages would still work. Would this be achievable? Please do let me know. As always, thank you for your prompt responses to my posts.

Regards,

Pranav
http://www.radiocremebrulee.com

#4 lwyau

lwyau

    a soho enthusiast

  • Moderators
  • 5,605 posts

Posted 10 February 2009 - 11:53 AM

You are really talking about having a section of your page being in a fixed (not moving) position.

This is done via "position: fixed" in the style of the section. The style of a soho template is contained in the "custom.css" file of the template's folder.

#5 pranavc

pranavc

    Soho Novice

  • Members
  • PipPipPip
  • 78 posts

Posted 10 February 2009 - 12:07 PM

You are really talking about having a section of your page being in a fixed (not moving) position.

This is done via "position: fixed" in the style of the section. The style of a soho template is contained in the "custom.css" file of the template's folder.


Perfect!!! I am going to give this a try this weekend. There is no guarantee I will like it but I am really trying to explore possibilities here. Thanks a ton for the response. I am guessing you've figured out why I am trying to do this by now!!!

Thanks once again.

Regards,

Pranav
http://www.radiocremebrulee.com

#6 kmakpres

kmakpres

    Senior Member

  • Members
  • 116 posts

Posted 10 February 2009 - 04:33 PM

That is an interesting idea, please keep us posted as to how it turns out.

Thanks, Dan

 


#7 pranavc

pranavc

    Soho Novice

  • Members
  • PipPipPip
  • 78 posts

Posted 10 February 2009 - 06:38 PM

That is an interesting idea, please keep us posted as to how it turns out.


Definitely. The more I think about it, the more I hope it works out. As long as it can handle anchors for specific sections of a page, it would totally meet my needs for the website. Either way, I will keep you posted.

Regards,

Pranav
http://www.radiocremebrulee.com

#8 pranavc

pranavc

    Soho Novice

  • Members
  • PipPipPip
  • 78 posts

Posted 14 February 2009 - 03:56 AM

You are really talking about having a section of your page being in a fixed (not moving) position.

This is done via "position: fixed" in the style of the section. The style of a soho template is contained in the "custom.css" file of the template's folder.


I am VERY confused now. I looked at the custom.css file and I am not sure which section to modify with the position:fixed. I figured I may have to add that line to EVERY section besides the main content. Then I realized I also have to give top,bottom,left,right coordinates and I am not sure how to estimate these. Any ideas? PLease do let me know. Thank you in advance.

Regards,

Pranav
http://www.radiocremebrulee.com

#9 kmakpres

kmakpres

    Senior Member

  • Members
  • 116 posts

Posted 14 February 2009 - 04:09 AM

Just a thought, can you do a view source on the page that you posted as an example and see how they did it and maybe "borrow" the code from there?

Thanks, Dan

 


#10 pranavc

pranavc

    Soho Novice

  • Members
  • PipPipPip
  • 78 posts

Posted 14 February 2009 - 04:44 PM

Still trying to make sense of that code. I definitely considered borrowing code and that is probably what I will end up doing if I get nowhere with this. I will keep you posted.

Regards,

Pranav
http://www.radiocremebrulee.com




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users