如何检查选框是否滚动

时间:2017-10-11 00:09:20

标签: javascript jquery html marquee

如何使用jQuery检测选框是否在按钮单击上滚动?



<marquee>Scrolling text here, moving constantly</marquee>

<button id="btnCheck">Button</button>
&#13;
&#13;
&#13;

我的jQuery代码如下:

$(function (){

   var marquee = $("marquee")[0];

  $("#btnCheck").click(function (){
     // How to check if marquee is scrolling here
  });
});

1 个答案:

答案 0 :(得分:3)

您可以在p内添加marquee并检查其left位置。如果它被更改,那么您的marquee会滚动,否则就不会像这个片段一样:

$(function() {
    $("#btnCheck").click(function() {
        var initialLeft = $('marquee > p').position().left;
        setTimeout(function() {
            var currentLeft = $('marquee > p').position().left;

            if (initialLeft !== currentLeft) {
                alert("Marquee is scrolling!");
            }else{
                alert("Marquee is not scrolling");
            }
        }, 100);
    });
});
p {
    margin: 0
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<marquee loop="1"><p>Scrolling text here, moving constantly</p></marquee>
<button id="btnCheck">Button</button>

P / S:

  

此(HTML <marquee>)功能已过时。虽然它可能仍然适用于某些浏览器,   不鼓励使用它,因为它可以随时删除。尝试   避免使用它。

参考:developer.mozilla.org