Question

我使用javascript创建了客户端测验

我想在页面中添加以下功能

1）在测验DIV的中心有一个START QUIZ按钮，如果用户滚动页面，则主菜单下方始终显示START QUIZ按钮DIV

2）如果用户开始测验并滚动页面，则应在主菜单的下方显示CONTINUE QUIZ按钮DIV

请回复。感谢。

Answer 1

Apply fixed position

position:fixed 

in your stylesheet for your div id or class.

Answer 2

你需要创建变量！

如果用户已启动，则var quiz = "start";
如果用户必须先启动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 */
}

您可以随时更改变量的值！

javascript添加浮动div测验按钮

2 个答案: