如何从div内容中删除内容?

时间:2014-03-02 13:53:05

标签: javascript jquery

我想要你的概念。实际上,当用户滚动到内容的顶部(一次又一次)时,我想要附加一些文本。但我想在用户进入页面底部时删除文本。 我得到了顶部和底部的事件,我可以预先添加它,但我想删除该内容(前置文本“naveen”)。

http://jsfiddle.net/d9584/6/

$("#content").scroll(function(){
    if($(this).scrollTop() === 0){
         //alert("top");  
     $("#contend").prepend("naveen")   
    }
});


$("#content").scroll(function() {
    if (  document.documentElement.clientHeight + 
          $(document).scrollTop() >= document.body.offsetHeight )
    { 
        // Display alert or whatever you want to do when you're 
        //   at the bottom of the page. 
        //alert("You're at the bottom of the page.");
    }
});


setInterval(function(){
$("#content").append("Random text to be appended here")



},2000);

我该怎么做?

由于

1 个答案:

答案 0 :(得分:0)

为了让您的生活更轻松,请在div中添加span元素,并将前置文本放入span元素中(这样可以更轻松地进行清理)。

然后,您在底部测试功能的滚动错误。

HTML

<div id="contend"><span id="pre"></span></div>

JS

if ( $('#contend').scrollTop() >= $('#contend')[0].scrollHeight - document.body.offsetHeight ) { 
    $("#pre").html('');
}

当然,前置文字会转到#pre而不是#contend$("#pre").prepend("naveen ");

在此处查看:http://jsfiddle.net/d9584/11/