Note that there are some explanatory texts on larger screens.

plurals
  1. POwhy manual scrolling stop when i added auto scrolling in my page query
    primarykey
    data
    text
    <p>I am facing one problem .Actually I am working with socket programming in which I am getting data from server after a reqular interval of time.In beginning I am able to scroll my div when data is coming from server .But I add auto scroll code it start auto scrolling and stop manual scrolling.I will explain more i detail When data come from server I save that data in html or text file .When i click button for review it only show data upto the height of div..so i can solve problem with me,,</p> <p>Here is css..!!</p> <pre><code>div.left, div.right { float: left; padding: 10px; } #realTimeContents { overflow - y: scroll; } </code></pre> <p>Hers is my html</p> <pre><code>&lt;div data-role="fieldcontain" class="sliderContend_h" style="display: none; padding-top:10px;"&gt; &lt;input type="range" name="slider-2" id="slider-2" value="15" min="15" max="25" class="slider_h" data-highlight="true" /&gt; &lt;/div&gt; &lt;img src="img/ajax_loader_blue_512.gif" id="loadingImg" style='vertical-align: middle ;margin-left: 150px; margin-top: 200px; visibility:visible;'&gt; &lt;div data-role="content" data-theme="d"&gt; &lt;div class="container"&gt; &lt;div id="realTimeContents" class="left realtimeContend_h" style="width:100%;height:1100px;"&gt;&lt;/div&gt; &lt;!--div id="realTimeContents" class=" right realtimeContend_h"&gt; &lt;/div--&gt; &lt;div class="cursor" style="font-size:23px;"&gt;|&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Here is my js..</p> <pre><code> 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 &lt; 10) { minutes = "0" + minutes } var lines = result.split('&lt;br/&gt;'); $.each(lines, function () { var text = "&lt;span style='margin-left: 50px;'&gt;" + this + "&lt;/span&gt;"; $('#realTimeContents').append("&lt;b&gt;" + hours + ":" + minutes + " " + "&lt;/b&gt; " + text + "&lt;br/&gt;"); }); var elem = document.getElementById('realTimeContents'); elem.scrollTop = elem.scrollHeight; // $('#realTimeContents').prepend('&lt;p&gt;'+result+'&lt;/p&gt;'); console.log(result + "************naveen***************"); // $('#realTimeContents' ).append('&lt;p&gt;'+result+'&lt;/p&gt;'); } } </code></pre> <p>How to start scrolling (manually when user scroll that actually div is not responded.It stand straight without any change state</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload