<div>
this plugin is what you're looking for : <a href="http://stickyjs.com/" rel="ugc">http://stickyjs.com/</a><br />
try it scrolling the page, you will see the top div are not moving away
</div>


this plugin is what you're looking for : http://stickyjs.com/ [http://stickyjs.com/]
try it scrolling the page, you will see the top div are not moving away

<div>
Hi,<br />
<br />
Works in the function of always visible, but alter the top layer initially that you provide, what i can do?
</div>


Hi,

Works in the function of always visible, but alter the top layer initially that you provide, what i can do?

<div>
add a class to your div for example : mysticky<br />
remove the : z-index:9999;<br />
and add this css file or in header :<br />

<pre><code id="code-20-40290731-1">.mysticky {
    z-index:9999 !important;
}</code></pre>
</div>


add a class to your div for example : mysticky
remove the : z-index:9999;
and add this css file or in header :


.mysticky {
    z-index:9999 !important;
}

<div>
don't work, <br />
<br />
the only thing that alter the code that you provide, is the absolute part, it adds the div in top of the page but alter the initially absolute position
</div>


don't work,

the only thing that alter the code that you provide, is the absolute part, it adds the div in top of the page but alter the initially absolute position

<div>
this seems that the sticky jquery can be modified, but i don't know how
</div>


this seems that the sticky jquery can be modified, but i don't know how

<div>
<div class="content wysiwyg-content">
echo '&lt;div id=&quot;draggable&quot; class=&quot;ui-widget-content&quot; style=&quot;position:absolute;t<wbr />op:0px;lef<wbr />t:0px;z-in<wbr />dex:9999;&quot;<wbr />&gt;&lt;div class=&quot;chat&quot;&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;messages&quot;&gt;&lt;/div&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;textarea class=&quot;entry&quot; placeholder=&quot;Entre el mensaje aqui&quot;&gt;&lt;/textarea&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;/div&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &lt;script src=&quot;js/chat.js&quot;&gt;&lt;/script&gt;<wbr />';<br />
<br />
is possible to make this always visible when i scroll down and appears initially at the top right of the page?
</div>
</div>


echo '<div id="draggable" class="ui-widget-content" style="position:absolute;top:0px;left:0px;z-index:9999;"><div class="chat">
            <div class="messages"></div>
            <textarea class="entry" placeholder="Entre el mensaje aqui"></textarea>
        </div></div>
        <script src="js/chat.js"></script>';

is possible to make this always visible when i scroll down and appears initially at the top right of the page?

continue to question of moving div

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.