javascript - Keep div entirely within viewport -

javascript - Keep div entirely within viewport -

as title, need create html tag , if tag hidden border of browser, automatically show on opposite side no longer hidden other. example, it's options of facebook status: http://i.imgur.com/rr8pobf.png

because don't know how explain understand, had captured photo here: http://i.imgur.com/swpepxp.png

this html content:

<div class="status-options"> <span class="status-options-list btn btn-default glyphicon glyphicon-chevron-down"></span> <ul class="u-1"> <li><a href="#">option 1 aaaaaaaaaaaaaaaa</a></li> <li><a href="#">option 2</a></li> <li><a href="#">option 3</a></li> </ul> </div>

any suggestions workaround?

javascript html css