Always visible div while scrolling

html visibility
M Usman Shafique picture M Usman Shafique · Jan 24, 2012 · Viewed 40.6k times · Source

On my aspx page, I have two left and right portions. I want to show always left side (which is actually a 'div' containig treeview) while scrolling the right side (which are actual contents of page). Thanks

Answer

Despertaweb picture Despertaweb · Apr 10, 2013

Hi I found the best solution! As always JQUERY saving my life !!

Just put a Div called as you wan, I've chosen the same in the example below: #scrollingDiv.

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script>
    $().ready(function() {
        var $scrollingDiv = $("#scrollingDiv");

        $(window).scroll(function(){            
            $scrollingDiv
                .stop()
                .animate({"marginTop": ($(window).scrollTop() )}, "slow" );         
        });
    });
</script>

I took that code from a website, it works and it's pretty easy to understand.

Related questions

Make one div visible and another invisible

I have two div tags, one is for the search and the other is for the results. What I need is for when the submit button is clicked the results are returned and placed into the results div (with an …

Read More
Making a button invisible by clicking another button in HTML

How can I make a button invisible by clicking another button in HTML? I have written like below, but it doesn't work. <input type="button" onclick="demoShow();" value="edit" /> <script type="text/javascript"> function demoShow() { document.…

Read More
visibility:visible/hidden div

What is the best way to show a div when clicked on a button and then hide it with a close button?? My Jquery code is as follows: $(".imageIcon").click(function(){ $('.imageShowWrapper').css("visibility", 'visible'); }); $(".imageShowWrapper").click(function(){ $('.…

Read More