Okay
  Public Ticket #247170
Scroll Bar within an Image
Closed

Comments

  • Kelsey started the conversation

    Hello there!

    I am trying to use the overscroll effect you see here: http://azoff.github.io/overscroll/ where everything stays static except for the iphone screen-that the user can manipulate. 

    1. How do I plug this in to wordpress?

    2. How do I save my files (does the iphone need to be one PNG and the screen another PNG)?

    3. How do I plug my files into that effect on wordpress?

    Thank you so much!

    Kels

  •  8,839
    Tahir replied

    Hey Keis!

    I am afraid we dont have specific instructions on intergrating this overscoll feature. Please consider hiring a freelancer to customize the site for you .

    All the Best,

    -T


    ThemeNectar Support Team 

  • Kelsey replied

    So I tried putting in this:

    <div style="width: 209px; height: 366px; overflow: auto; position: absolute; z-index: 100; top: 85px; left: 194px;"><img src="http://kelseyeaton.com/wp-content/uploads/2014/07/mikes-mobile.png" alt="" /></div>

    And it's almost there I just can't get it behind the iphone, and can't get it to be responsive (see attached for reference). Do you have any insight?

    Thank you so so so much for your help!

    Kelsey

  •  8,839
    Tahir replied

    Please provide your page url so we can try out some Custom css. 

    Thanks


    ThemeNectar Support Team 

  •   Kelsey replied privately
  •  1,070
    ThemeNectar replied

    Hey Kels, sorry for the delay!

    It appears you have it aligned currently - did you still need assitance with this?

  • Kelsey replied

    Nope, figured it out on my own. Thank you though!