Search Results for "scroll" - Page 2
Sort By:
Showing 84 open source projects for "scroll"
View related business solutions-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
1
Neiki's Gallery
Vanilla JavaScript image gallery & lightbox
Neiki's Gallery is a lightweight, production-ready image gallery and lightbox library built with vanilla JavaScript and CSS. It requires no dependencies and can be integrated with a single <script> tag, with automatic initialization out of the box. It provides a highly customizable experience for modern web projects, combining performance, flexibility, and rich UI interactions. Designed for both developers and end users, it supports responsive layouts, advanced lightbox features, touch... -
2
Magnific Popup
Light and responsive lightbox script with focus on performance
...Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button. You have full control of what is displayed in popup, align it to any side via CSS, enable or disable scroll on right side of window, whatever. -
3
Simplest pdf reader
Html5 simple pdf reader
A simple local pdf file reader in html page. -
4
Leaflet
Open-source JavaScript library for mobile-friendly interactive maps
Leaflet is a leading open source JavaScript library for creating interactive, mobile-friendly maps. Leaflet is light at just about 38 KB, but is already fully equipped with all the mapping features you could need. Leaflet is simple but efficient. It doesn’t try to do everything for everybody, rather it focuses on making the basic things work perfectly. It comes ready with exceptional layering tools, customization features such as pure CSS3 popups and controls, map controls and more right... -
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
jquery.floatThead
Doesn't need any custom css/html. Does what position:sticky can't
jquery.floatThead is a floating/locked/sticky/fixed table header plugin that requires no special CSS and supports window and overflow scrolling. Float the table header on scroll. No changes to your HTML/CSS are required, it just works. Supports floating the header while scrolling within the window or while scrolling within a container with overflow. Supports responsive tables. -
6
ScrollTrigger
Let your page react to scroll changes
The most basic usage of ScrollTrigger is to trigger classes based on the current scroll position. E.g. when an element enters the viewport, fade it in. You can add custom offsets per element, or set offsets on the viewport (e.g. always trigger after the element reaches 20% of the viewport) When using the callbacks ScrollTrigger becomes really powerful. You can run custom code when an element enters/becomes visible, and even return Promises to halt the trigger if the callback fails. ... -
7
Vue Router
The router for Vue.js
...Nested route/view mapping; modular, component-based router configuration; route params, query, wildcards; view transition effects powered by Vue.js' transition system; fine-grained navigation control; links with automatic active CSS classes; HTML5 history mode or hash mode, with auto-fallback in IE9; customizable Scroll Behavior. Creating a Single-page Application with Vue + Vue Router feels natural: with Vue.js, we are already composing our application with components. When adding Vue Router to the mix, all we need to do is map our components to the routes and let Vue Router know where to render them. -
8
Svelte Animation on Scroll
Svelte Animation on Scroll
Svelte Animation on Scroll. A small component to make your CSS animations work on scroll with Svelte. SAoS allows you to animate once or multiple times an element on a scroll, you can define the top and bottom "triggers" and the CSS of the internal divs (not recommended, but it can help in some cases). -
9
Roger's Math Whiteboard
A Free, Open-Source Whiteboard App designed for Math Teachers.
***Update Nov 2022: The version available here is now out of date. See our website (www.rogersmathwhiteboard.com) for the latest version. *** Roger’s Math Whiteboard is a free, open-source, cross-platform, hardware independent whiteboard program designed around the needs of STEM teachers. It is designed to streamline the process of teaching math and science with a smart board, touchscreen or other similar device. It can best be understood as a multi-page image editor built for... -
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
10
easy-canvas
easy-canvas is a powerful tool helps us easy to layout with canvas
...Support document flow, refer to the web, no need to set x, y, width and height. Compatible with applets and the web, no third-party dependencies. Support componentization, global components, and local components. High performance, scroll-view supports dirty rectangles, and only draws the visible part. Support element operation, similar to operation dom to modify document flow. -
11
react-native-keyboard-aware-scroll-view
ScrollView component that handles keyboard appearance
...They accept ScrollView, SectionList and FlatList default props respectively and implement a custom high order component called KeyboardAwareHOC to handle keyboard appearance. The high order component is also available if you want to use it in any other component. Import react-native-keyboard-aware-scroll-view and wrap your content inside it. First, Android natively has this feature, you can easily enable it by setting windowSoftInputMode in AndroidManifest.xml. The HOC can also be configured. Sometimes it's more convenient to provide a static config than configuring the behavior with props. -
12
BSL
Body scroll locking that just works with everything
...If disableBodyScroll is called for the last target element, or clearAllBodyScrollLocks is called, the padding-right is automatically reset to the previous value. Works with vanilla JS and frameworks such as React / Angular / VueJS. Disables body scroll WITHOUT disabling scroll of a target element. Supports nested target elements (eg. a modal that appears on top of a flyout). -
13
Infinite Scroll
Automatically add next page
...That lineage scrolls on to this day. Infinite Scroll v4 supports Chrome 60+, Edge 79+, Firefox 55+, Safari 11+. For IE10 and Android 4 support, try Infinite Scroll v3. Infinite Scroll upholds URLs by changing them automatically as the user scrolls. Users can refresh the current page or return to a scrolled page and their position will be maintained. No more tears when you scroll 20 pages and accidentally hit refresh. -
14
ScrollReveal
Animate elements as they scroll into view
ScrollReveal is a JavaScript library for animating HTML elements as they enter the browser viewport. Developers initialize a shared ScrollReveal instance and use its reveal method to target elements with CSS selectors. The library is designed to make scroll-triggered entrance effects easy to add without building custom visibility logic. It can be loaded directly in a browser or installed through npm. Both CommonJS and ES module import styles are supported for integration with modern development workflows. The project focuses on lightweight, reusable reveal behavior that can be applied across many page elements and layouts. -
15
lax.js
Library to create smooth & beautiful animations when you scroll
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations. To implement lax you need to create at least one driver, to provide values for animations, as well as the element animation bindings. The easiest way to get started is to use presets via html classes. -
16
dialog-polyfill.js
Polyfill for the HTML dialog element
dialog-polyfill.js is a polyfill for dialog and form method="dialog". Dialog is an element for a popup box in a web page, including a modal option that will make the rest of the page inert during use. This could be useful to block a user's interaction until they give you a response, or to confirm an action. See the HTML spec. This polyfill works on modern versions of all major browsers. It also supports IE9 and above. It can work when used inside Shadow DOM, but it's not recommended. The... -
17
Markdownify
A minimal Markdown editor desktop app
Make changes, See changes. Instantly see what your Markdown documents look like in HTML as you create them. While you type, LivePreview will automatically scroll to the current location you're editing. The good old GitHub Flavored-style Markdown. So, you don't feel out of the place. Syntax highlighting in fenced code blocks with language identifiers and Markup languages. Change the color scheme of the editor based on your preferences. i.e to choose between Dark mode/Light mode. Supports emojis in the preview mode for when you need to express yourself via one. ... -
18
ScrollBooster
Enjoyable content drag-to-scroll library
Enjoyable drag-to-scroll micro-library (~2KB gzipped). Supports smooth content scroll via mouse/touch dragging, trackpad or mouse wheel. Zero dependencies. Easy to setup yet flexible enough to support any custom scrolling logic. -
19
jQuery & Zepto Lazy
A lightweight, fast, feature-rich, powerful and highly configurable
...It's designed to speed up page loading times and decrease traffic to your users by only loading the content in view. You can use Lazy in all vertical and horizontal scroll ways. It supports images in img / tags and backgrounds, supplied with CSS like background-image, by default. On those elements, Lazy can set a default image or a placeholder while loading and supports retina displays as well. But Lazy is even able to load any other content you want by plugins and custom loaders. -
20
Saka Key
A keyboard interface to the web
Saka Key lets you control your browser with keyboard shortcuts. It is easy to use, highly configurable and will transform how you surf the web. Put away your mouse. When the web isn't accessible, it's because people who author content don't understand the benefit of making it accessible. Saka Key leverages accessibility information to make the browsing experience better for everyone. I hope this will encourage the creation of accessible content. Keyboard shortcuts are only the beginning of... -
21
cube-ui
Mobile UI library implement by Vue
cube-ui is an elegant mobile component library based on Vue.js. From DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration. Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience. Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify... -
22
react-native-swiper
The best Swiper component for React Native
With the horizontal property, the scroll view's children are arranged horizontally in a row instead of vertically in a column. You can disable continuous loop mode. You can make control buttons visible and enable auto play mode. Make pagination visible, merge custom styles with the default styles, and add delay between auto play transitions. ScrollBy(index, animated), and Scroll by relative index methods available. -
23
MapSCII
Braille & ASCII world map renderer for your console
...Work offline and discover local VectorTile/MBTiles. Compatible with most Linux and OSX terminals. Highly optimized algorithms for a smooth experience. 100% pure JavaScript! Arrows up, down, left, right to scroll around. Press a or z to zoom in and out. Press c to switch to block character mode, and press q to quit. If your terminal supports mouse events you can drag the map and use your scroll wheel to zoom in and out. -
24
Headroom.js
Give your pages some headroom, hide your header until you need it
Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slides back in when scrolling up. Fixed headers are a popular approach for keeping the primary navigation in close proximity to the user. This can reduce the effort required for a user to quickly navigate a site, but they are not without problems. -
25
react-native-scrollable-tab-view
Tabbed navigation that you can swipe between
One of the best navigation patterns on Android. This is a very simple JavaScript-only implementation of it for React Native. Animations are very important to create a great user experience. Stationary objects must overcome inertia as they start moving. Objects in motion have momentum and rarely come to a stop immediately. Animations allow you to convey physically believable motion in your interface. The Animated API is designed to concisely express a wide variety of interesting animation and...
