Question

我正面临一个问题。实际上我正在使用套接字编程，其中我在一段时间之后从服务器获取数据。开始时我能够在数据来自服务器时滚动我的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>

这是我的js ..

  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没有响应时。它没有任何变化状态直立

当我在页面查询中添加自动滚动时，为什么手动滚动停止

0 个答案: