Skip to main content

How can I make autoscroll to only activate when the user is not interacting with my page?

From what I understand this script calculate the initial position and advances one pixel at a time but in a 10ms rate so it seems like a smooth scrolling.

I like that, but I want it to call the scrolling only when the user is not interacting, in other words, I want it to stop scrolling as soon as the user interacts with the page. How can I accomplish such thing?

var currentpos = 0,
  alt = 1,
  curpos1 = 0,
  curpos2 = -1

function initialize() {
  startit()
}

function scrollwindow() {
  if (document.all)
    temp = document.body.scrollTop
  else
    temp = window.pageYOffset
  if (alt == 0)
    alt = 1
  else
    alt = 0
  if (alt == 0)
    curpos1 = temp
  else
    curpos2 = temp
  if (curpos1 != curpos2) {
    if (document.all)
      currentpos = document.body.scrollTop + 1
    else
      currentpos = window.pageYOffset + 1
    window.scroll(0, currentpos)
  } else {
    currentpos = 0
    window.scroll(0, currentpos)
  }
}

function startit() {
  setInterval("scrollwindow()", 10)
}
window.onload = initialize;
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consequat interdum varius sit amet mattis vulputate enim nulla. A erat nam at lectus urna duis convallis. Eget nunc lobortis mattis
aliquam faucibus purus. Sollicitudin ac orci phasellus egestas tellus rutrum. Tristique magna sit amet purus gravida quis blandit. Morbi non arcu risus quis varius. Dictumst vestibulum rhoncus est pellentesque elit. Euismod nisi porta lorem mollis aliquam
ut porttitor. Curabitur gravida arcu ac tortor dignissim convallis aenean. Quis blandit turpis cursus in hac habitasse platea dictumst. Nibh praesent tristique magna sit amet. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Arcu cursus
vitae congue mauris rhoncus aenean vel elit. Ac turpis egestas integer eget aliquet nibh. Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Varius morbi enim nunc faucibus a pellentesque. Eu consequat ac felis donec et odio pellentesque.
Aliquet risus feugiat in ante metus dictum at tempor commodo. Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit amet. Tristique risus nec feugiat in fermentum posuere urna nec. Nulla aliquet enim tortor at auctor. Sed felis eget velit
aliquet sagittis id consectetur. Viverra suspendisse potenti nullam ac tortor. Ultrices dui sapien eget mi. Ornare suspendisse sed nisi lacus sed viverra. Faucibus vitae aliquet nec ullamcorper sit. Sodales ut etiam sit amet nisl purus. Dictum non consectetur
a erat nam at lectus. Ipsum faucibus vitae aliquet nec. Id leo in vitae turpis massa sed. Felis eget nunc lobortis mattis aliquam. Vitae tempus quam pellentesque nec nam aliquam. Eget magna fermentum iaculis eu non diam. Adipiscing elit duis tristique
sollicitudin nibh sit. Enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Euismod lacinia at quis risus sed vulputate odio ut. Bibendum neque egestas
congue quisque. Cras ornare arcu dui vivamus. Eget aliquet nibh praesent tristique. Lectus magna fringilla urna porttitor. Venenatis tellus in metus vulputate eu. Elit sed vulputate mi sit amet mauris commodo. Sapien nec sagittis aliquam malesuada bibendum
arcu vitae. Elementum pulvinar etiam non quam lacus suspendisse. Habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Dictum non consectetur a erat nam at lectus urna. Bibendum ut tristique et egestas quis ipsum. Vitae semper
quis lectus nulla at volutpat diam ut. Viverra accumsan in nisl nisi.
Via Active questions tagged javascript - Stack Overflow https://ift.tt/iRDZqtF

Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

ValueError: X has 10 features, but LinearRegression is expecting 1 features as input

So, I am trying to predict the model but its throwing error like it has 10 features but it expacts only 1. So I am confused can anyone help me with it? more importantly its not working for me when my friend runs it. It works perfectly fine dose anyone know the reason about it? cv = KFold(n_splits = 10) all_loss = [] for i in range(9): # 1st for loop over polynomial orders poly_order = i X_train = make_polynomial(x, poly_order) loss_at_order = [] # initiate a set to collect loss for CV for train_index, test_index in cv.split(X_train): print('TRAIN:', train_index, 'TEST:', test_index) X_train_cv, X_test_cv = X_train[train_index], X_test[test_index] t_train_cv, t_test_cv = t[train_index], t[test_index] reg.fit(X_train_cv, t_train_cv) loss_at_order.append(np.mean((t_test_cv - reg.predict(X_test_cv))**2)) # collect loss at fold all_loss.append(np.mean(loss_at_order)) # collect loss at order plt.plot(np.log(al...
Post a Comment
Read more

Sorting large arrays of big numeric stings

I was solving bigSorting() problem from hackerrank: Consider an array of numeric strings where each string is a positive number with anywhere from to digits. Sort the array's elements in non-decreasing, or ascending order of their integer values and return the sorted array. I know it works as follows: def bigSorting(unsorted): return sorted(unsorted, key=int) But I didnt guess this approach earlier. Initially I tried below: def bigSorting(unsorted): int_unsorted = [int(i) for i in unsorted] int_sorted = sorted(int_unsorted) return [str(i) for i in int_sorted] However, for some of the test cases, it was showing time limit exceeded. Why is it so? PS: I dont know exactly what those test cases were as hacker rank does not reveal all test cases. source https://stackoverflow.com/questions/73007397/sorting-large-arrays-of-big-numeric-stings
Post a Comment
Read more

How to load Javascript with imported modules?

I am trying to import modules from tensorflowjs, and below is my code. test.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title </head> <body> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@2.0.0/dist/tf.min.js"></script> <script type="module" src="./test.js"></script> </body> </html> test.js import * as tf from "./node_modules/@tensorflow/tfjs"; import {loadGraphModel} from "./node_modules/@tensorflow/tfjs-converter"; const MODEL_URL = './model.json'; const model = await loadGraphModel(MODEL_URL); const cat = document.getElementById('cat'); model.execute(tf.browser.fromPixels(cat)); Besides, I run the server using python -m http.server in my command prompt(Windows 10), and this is the error prompt in the console log of my browser: Failed to loa...
Post a Comment
Read more