我面临一个问题。实际上,我正在使用套接字编程,在该编程中,我在一段时间后从服务器获取数据。开始时,当数据来自服务器时,我可以滚动我的 div。但是我添加了自动滚动代码它开始自动滚动并停止手动滚动。我将详细解释当数据来自服务器时,我将该数据保存在 html 或文本文件中。当我单击按钮进行查看时,它只显示数据到 div 的高度..所以我可以和我一起解决问题,,
这是CSS ..!!
div.left, div.right {
float: left;
padding: 10px;
}
#realTimeContents {
overflow - y: scroll;
}
她的是我的 html
<div data-role="fieldcontain" class="sliderContend_h" style="display: none; padding-top:10px;">
<input type="range" name="slider-2" id="slider-2" value="15" min="15" max="25" class="slider_h" data-highlight="true" />
</div>
<img src="img/ajax_loader_blue_512.gif" id="loadingImg" style='vertical-align: middle ;margin-left: 150px; margin-top: 200px; visibility:visible;'>
<div data-role="content" data-theme="d">
<div class="container">
<div id="realTimeContents" class="left realtimeContend_h" style="width:100%;height:1100px;"></div>
<!--div id="realTimeContents" class=" right realtimeContend_h">
</div-->
<div class="cursor" style="font-size:23px;">|</div>
</div>
</div>
这是我的..
function nativePluginResultHandler(result) {
var isappend = window.localStorage.getItem("isAppendButtonClick");
if (isappend == 'true') {
$('#loadingImg').hide();
var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
if (minutes < 10) {
minutes = "0" + minutes
}
var lines = result.split('<br/>');
$.each(lines, function () {
var text = "<span style='margin-left: 50px;'>" + this + "</span>";
$('#realTimeContents').append("<b>" + hours + ":" + minutes + " " + "</b> " + text + "<br/>");
});
var elem = document.getElementById('realTimeContents');
elem.scrollTop = elem.scrollHeight;
// $('#realTimeContents').prepend('<p>'+result+'</p>');
console.log(result + "************naveen***************");
// $('#realTimeContents' ).append('<p>'+result+'</p>');
}
}
如何开始滚动(手动当用户滚动实际 div 没有响应时。它直立而没有任何改变状态