Home/ Questions/Q 8214065
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T11:20:05+00:00

I have a simple web page with header and content, it may look like

  • 0

I have a simple web page with header and content, it may look like

<div id="wrap">
    <div id="header">
    </div>
    <div id="content">
    </div>
</div>

By default, it have a scroll bar in the right, but I want to disable/freeze the scroll bar in header, but remain it in content, is it possible to do this by javascrip/jquery or css?

Thanks

BEFORE
enter image description here

AFTER
enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can achieve this by giving the content a fixed height, and setting overflow-y: scroll.

    Example: http://jsfiddle.net/XLaVa/

    • 0