Code Monkey home page Code Monkey logo

Comments (1)

JoshuaGrams avatar JoshuaGrams commented on August 10, 2024

Yeah, the scrolling is kind of awful, but I had the crazy idea that I wanted to limit the amount of editing you could do and that was the first thing I got working. I think that what I'd ultimately like is to alternate lines of text with lines of typing as most "real" typing tutors do (e.g. https://youtu.be/DQ3B1PUwr0I?t=2m38s). Possibly with only two lines of text and scroll them up slowly and have them disappear?

Anyway. The main (and only) branch is named gh-pages instead of master so if you fork it, it will automatically serve the content under your account (i.e. morinted.github.io/steno-jig). There's already (sort of) a flag to scroll instantly: add a second parameter with the value true to the scrollTo call at line 142 of type-jig.js.

https://github.com/JoshuaGrams/steno-jig/blob/gh-pages/type-jig.js#L142

You probably also want to remove the - 40 at line 270 so they line up properly.

Or you could try fiddling with the ScrollBox's magic numbers (in that same file). If you find better values, let me know. The scrolling code is kind of a mess because I hacked around with it briefly to get the current behaviour when Jason commented on it and never cleaned it up. Also I'm not a fan of pulling in libraries that dwarf my project just to do simple things, so...yeah...it's just plain vanilla javascript. So...if you'd like to work on a better solution, be my guest, but I don't know that I'd wish the current code on most web devs. It's on my list, and I'll move it up toward the top now.

HTH, let me know how it goes, and all that.

from steno-jig.

Related Issues (19)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.