AlwaysVisible div(静态和动态) [英] AlwaysVisible div (static and dynamic)

问题描述

尊敬的先生，

滚动时如何始终显示div.

看到此链接
http://www.dynamicdrive.com/dynamicindex1/davidmenu.htm [

Dear sir,

how always visible div when scroll.

see this link
http://www.dynamicdrive.com/dynamicindex1/davidmenu.htm[^]


see left side in this website,here


i want that side menu is in bottom position if i scroll the side menu move from bottom to top position(in this position it is in static).but i don''t want onmouseover and slide.

and in ssmIem.js they use following codding. i don''t want this.I want just simple one div content move from bottom to top when scroll. if i come back starting position, the div content also come back the starting position.

ssmItems[0]=["Menu"] //create header
ssmItems[1]=["Dynamic Drive", "http://www.dynamicdrive.com", ""]
ssmItems[2]=["What's New", "http://www.dynamicdrive.com/new.htm",""]
ssmItems[3]=["What's Hot", "http://www.dynamicdrive.com/hot.htm", ""]
ssmItems[4]=["Message Forum", "http://www.codingforums.com", "_new"]
ssmItems[5]=["Submit Script", "http://www.dynamicdrive.com/submitscript.htm", ""]
ssmItems[6]=["Link to Us", "http://www.dynamicdrive.com/link.htm", ""]

ssmItems[7]=["FAQ", "http://www.dynamicdrive.com/faqs.htm", "", 1, "no"] //create two column row
ssmItems[8]=["Email", "http://www.dynamicdrive.com/contact.htm", "",1]

ssmItems[9]=["External Links", "", ""] //create header
ssmItems[10]=["JavaScript Kit", "http://www.javascriptkit.com", ""]
ssmItems[11]=["Freewarejava", "http://www.freewarejava.com", ""]
ssmItems[12]=["Coding Forums", "http://www.codingforums.com", ""]

推荐答案

在页面内添加以下代码head 标签:

Add following code within page head tag:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<style type="text/css">
#message_box {
    position: absolute;
    top: 0; left: 0;
    z-index: 10;
    background:#ffc;
    padding:5px;
    border:1px solid #CCCCCC;
    text-align:center;
    font-weight:bold;
    width:20%;
}
</style>
<script type="text/javascript">

(窗口).scroll(function(){

(window).scroll(function () {

("#message_box).animate ({顶部:

("#message_box").animate({ top:

这篇关于AlwaysVisible div(静态和动态)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！