How to make part of a post static when scrolling

  • Resolved J M

    (@hiphopinenglish)


    12 years, 5 months ago

    Hi all,

    Looking for guidance on how to make part of my post page scrollable.

    My site is: hiphopinenglish.com

    As you’ll see from any post’s format, what I want to do, is separate the page between the YouTube video (or track link etc) and the lyrics that follow. The idea is to allow the user to have the video visible (and static) whilst scrolling down through the lyrics to follow the song.

    A Google search (and search of these forums) bore no fruits, although I did read about different <div> classes, but didn’t quite follow. Not much of a coder, but if there is a plugin or simple code to add to my post template, that’d be great. (Note, I’m using a child theme of twentyeleven if it’s relevant.)

    Any suggestions?
    Thanks in advance.

Viewing 1 replies (of 1 total)
  • Thread Starter J M

    (@hiphopinenglish)

    Resolved my own issue. It is a question of <div> classes. If you want to have a scrollable area inside a page or post use the following code in html view.

    <div style="overflow: auto; height: 260px; width: 600px;">

    Then put your “scrollable” content here.

    And finish the <div> with </div>

    Note that you can change the height and width in pixels to suit your needs.

    Easy.

Viewing 1 replies (of 1 total)
  • The topic ‘How to make part of a post static when scrolling’ is closed to new replies.

Tags