www.webdeveloper.com
Results 1 to 6 of 6

Thread: How to? Dynamic Div Scrollbar after DIV display property changed (block vs hidden)

Threaded View

  1. #1
    Join Date
    Jul 2008
    Posts
    92

    How to? Dynamic Div Scrollbar after DIV display property changed (block vs hidden)

    Given:
    [div #core]
    [div #id1 display=none]dynamic hidden content[/div] (using function below==> [div #id1 display=block]dynamic displayed content[/div]
    [div #id2 display=none]dynamic hidden content[/div] ...
    [div #id3 display=none]dynamic hidden content[/div] ...
    ...
    [/div]

    AND

    function toggle_visibility(id) {
    var e = document.getElementById(id);
    if(e.style.display == 'block')
    e.style.display = 'none';
    else
    e.style.display = 'block';

    }

    How can I make the scroll bar from the main div (#core) scale to the content within it? The scrollbar doesn't change in size regardless of the number of divs within in it that have had their display property changed from none to block.

    See: http://www.artfuladvection.com/?category_name=music , then click "Show Discussion", the form is half hidden.

    i've tried all sorts of core.style.overflow-y settings, but none seem to be the winning ticket. This page shows it can be done...http://www.dyn-web.com/code/scroll/refresh.php

    Thanks!
    Last edited by mith36; 02-05-2013 at 12:01 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles