2013-12-22 37 views
-1

我已經使用javascript的JavaScript加浮動DIV測驗按鈕

我想下面的功能添加到頁面

1)有一個在測驗DIV的中心按鈕開始測驗創建客戶端競猜如果用戶滾動該頁面,則開始測驗按鈕DIV在主菜單的下側總是可見

2)如果用戶開始測驗並滾動頁面,則繼續測驗按鈕DIV應該在主要的下側可見菜單

請回復。謝謝。

回答

0
Apply fixed position 

position:fixed 

in your stylesheet for your div id or class. 
0

您需要創建變量!

  1. 如果用戶已經開始然後var quiz = "start";

  2. 如果用戶啓動然後var quiz = "tostart";

現在的HTML是:

<button class="button"></button> 

的JS(jQuery的)是:

if(quiz == "start") { 
    $('.button').text('Continue'); 
    $('.button').css('position', 'fixed'); 
    /* add other parameters as per need */ 
} else if(quiz == "tostart") { 
    $('.button').text('Start'); 
    $('.button').css('position', 'fixed'); 
    /* add other parameters as per need */ 
} 

對於基本JS

if(quiz == "start") { 
    var button = document.getElementsByClassName("button"); 
    button.innerHTML = "Continue"; 
    button.style.position = "fixed"; 
    /* and same thing for the other half */ 
} 

您可以隨時改變變量的值!