Scroll Hints
Scroll Hints

Scroll Hints

  • Uploaded : 19th April 2024
  • Views : 149
OverviewCommentsHire Developer

Scroll Hints

Scroll Hints

Make your website or app’s scrollable areas look amazing with Scroll Hints.

Scroll hints are elegant shadows and fades that prompt a user that there is more content if they scroll in the direction of the hint. The shadows are intelligent and only appear on the sides that have more content. What’s more, the hints respond to your scrolling and hide when you reach the end of the content. It looks great on tables, grids, image gallaries, charts and more.

Note: This component requires zero configuration but can be fully customized if needed.
Top active searches related to

Supports

This component uses the browser-native web component API so it can be used in any HTML webpage and with any framework including:

  • React
  • Angular
  • Vue
  • HTML/JavaScript

    • Includes

  • scroll-hints.js // Cross-browser script
  • scroll-hints.mjs // Optimal script for modern browsers only
  • scroll-hints-react.js // Script for React apps

    • Install

    HTML

    React

    MyComponent.js // Include the downloaded script fileimport { ScrollHints } from './scroll-hints-react';function MyComponent() { return ( {/* scrollable content goes here */} )}

    Angular

    my-module.ts // Include the downloaded script fileimport './scroll-hints.js';@NgModule({ // ... schemas: [ // Include this schema to enable custom web components CUSTOM_ELEMENTS_SCHEMA ]})export class MyModule { } my-component.html

    Vue

    MyComponent.vue

    Configure

    Content

    Style

    /** * To customize the styles you can set these CSS custom properties */scroll-hints { --scroll-hint-color: white; /* default: rbga(0, 0, 0, 0.1); */ --scroll-hint-size: 16px; /* default: 24px */ --scroll-hint-size-x: 24px; /* default: var(--scroll-hint-size) */ --scroll-hint-size-y: 12px; /* default: var(--scroll-hint-size) */ --scroll-hint-inset: 8px; /* default: 0 */ --scroll-hint-inset-top: 12px; /* default: var(--scroll-hint-inset) */ --scroll-hint-inset-right: 12px; /* default: var(--scroll-hint-inset) */ --scroll-hint-inset-left: 12px; /* default: var(--scroll-hint-inset) */ --scroll-hint-inset-bottom: 12px; /* default: var(--scroll-hint-inset) */}

    Have Questions for Feedback?

    Please leave a comment in the comment section and I will get back to you as soon as possible!

    Happy coding!

    Searches related to:

    Show Full Overview

    Click To View All

    Leave A Comment :

    Create free account to post comment/re upload request/active server link. Guests are not allowed to comment.

    Request Paid Service or Hire Developer :
    @
    Post Requirement
    What happens next?
    Expert developers will send you job proposal and you chat with them and pick a developer for your work.

    Start now & get a expert developer for your work in quick time.
    Are you a developer looking for work, then you may apply for available jobs here: Jobs Feed
    Looking for something? Start a fresh search
    Related Interesting Items :
    RollBar - jQuery ScrollBar Plugin
    RollBar - jQuery ScrollBar Plugin
    Sponsored Links

    Add Your Link Here for FREE

    Creating Shopify Apps A Built-in, Global Audience. Build And Sell Apps And Themes That Customize And Extend Shopify's capabilities For Millions Of Merchants Around The World..

    Courses For Script Writing If You Have A Passion For Storytelling And A Knack For Writing, Then Script Writing May Just Be The Perfect Career Path For You. Script Writers Are Responsible....

    Make Money Online 2023 Earn While You Work At Home. Earn Up To Rs. 30000/- Per Month. No Work Experience Required. Workzly Is Your Best Online Job Platform With Thousands Of Jobs. Join Now And Get Paid..

    Shopify Website Developer A Built-in, Global Audience. Build And Sell Apps And Themes That Customize And Extend Shopify's capabilities For Millions Of Merchants Around The World..

    Add Your Link Here for FREE

    Related Job Posts

    Post A Job & Hire Developer

    Dynamic Social Media & Mailchimp VA Social Media Marketing,Facebook Marketing,Marketing,Mailchimp,Virtual Assistant.

    Urgent Scriptwriting Needed for instagram reels Social Media Marketing , Creative Writing , Content .

    Elevating YouTube Thumbnail Creation Video Editing,Video Services,Video Production,YouTube,Animation.

    Custom Module Development for Cosmos SDK Blockchain,Ethereum,Smart Contracts,Solidity.

    Professional Portfolio Website Design Website Design,Graphic Design,HTML,PHP,User Interface / IA.

    Post A Job & Hire Developer

    Looking for something? Start a fresh search

    Related Interesting Items :
    RollBar - jQuery ScrollBar Plugin
    RollBar - jQuery ScrollBar Plugin
    Recent Comments
    • venkatashiva kv · commented on item: LaraBuilder - Laravel Drag&Drop SaaS HTML site builder
      Sunday 05th May 2024

      " https://www27.zippyshare.com/v/6HGwdojx/file.html
      https://mega.nz/file/z2w2QLCA#ztuGzvdZDTgM39Paz-4RSu2YGR8DitycqOaUwKOBFvU
      https://workupload.com/file/QUc8V8Sr5Vz
      https://www.mirrored.to/files/HSFBAEBL/larabuilder-640.rar_links
      https://krakenfiles.com/view/JSPH5yqUKy/file.html
      https://gofile.io/d/u00CkM
      https://www.fireload.com/e30fa6cff50675af/larabuilder-640.rar
      https://drop.download/cdmuvkm85y0y
      https://dl1.desiupload.to/238zx7tkae78
      https://ddownload.com/edwcphwqdarv
      https://bayfiles.com/n2sdrbPdyf
      https://anonfiles.com/5esbr8Pby1
      https://1fichier.com/?v7jfkcvefas63vqg9d0d
      "

    • Anupama Mudly · commented on item: Fundme - Crowdfunding Platform
      Sunday 05th May 2024

      " https://workupload.com/file/2qP32nrRRvv
      https://userscloud.com/8xacf7s93ruk
      https://www.upload.ee/files/15684249/fundme-50.rar.html
      https://pixeldrain.com/u/yvHtC62x
      https://nippyspace.com/v/a32bf9
      https://www.mirrored.to/files/0P5UE92F/fundme-50.rar_links
      https://mirrorace.org/m/7WGkv
      https://krakenfiles.com/view/3AFHoTHffa/file.html
      https://hxfile.co/og1427z8srik
      https://gofile.io/d/wqweja
      https://desiupload.co/a6yk2vv7xuuc
      https://ddownload.com/8zs0yjpnrjrc
      https://dbree.me/v/b53935
      https://1fichier.com/?yygnitdrjqrxe5x4ky1x
      "

    • Sara Al-Araji · commented on item: PSX Multipurpose Classified Flutter App with Frontend and Admin Panel ( 1.1.1 )
      Sunday 05th May 2024

      " https://workupload.com/file/tsujb3sxMxy
      https://pixeldrain.com/u/HTdSoLX2
      https://www.mirrored.to/files/1KBM3PBV/psx-111.rar_links
      https://mirrorace.org/m/5eix7
      https://krakenfiles.com/view/6VL6DAoY5K/file.html
      https://hxfile.co/ee8c7jy91xnf
      https://gofile.io/d/v2un3K
      https://drop.download/kw03vmxw3ucz
      https://desiupload.co/xp50lntfes62
      https://ddownload.com/jobqopo9zaj6
      https://bayfiles.com/Uc54L129z9
      https://anonfiles.com/Za52Le2ez0
      https://1fichier.com/?jsstuupm6bjckulcx8qr
      "

    • Meenal Patel · commented on item: Android Yellow Pages (Place, Location, Search, Directory)
      Sunday 05th May 2024

      " https://workupload.com/file/QYYPCFNbWKY
      https://userscloud.com/rt778ygcgz04
      https://www.upload.ee/files/16198613/andyellowpages-14.rar.html
      https://pixeldrain.com/u/NKwZAUJC
      https://oneupload.to/lv4zb0is1q7r
      https://www.mirrored.to/files/EKKQ0SW3/andyellowpages-14.rar_links
      https://mirrorace.org/m/6Ckgg
      https://krakenfiles.com/view/NonVeMqgVU/file.html
      https://hxfile.co/xaige8eomsvv
      https://gofile.io/d/S3gv3M
      https://drop.download/j546v932e34k
      https://ddownload.com/4e5ig4mcv47u
      https://dbree.me/v/94365b
      https://1fichier.com/?azta0d0orcey7xu98z5d
      "

    • Dillip jena · commented on item: Teleman - Telemarketing & VoIP Service SaaS Application
      Sunday 05th May 2024

      " https://www63.zippyshare.com/v/1lNiBdJe/file.html
      https://workupload.com/file/mMZhHSEtpW6
      https://www.mirrored.to/files/WLHPKGS2/teleman-200.rar_links
      https://mirrorace.org/m/5RyC7
      https://krakenfiles.com/view/UlG2QyFD8X/file.html
      https://hxfile.co/umb9rc5ggnkq
      https://gofile.io/d/NN3lG5
      https://www.fireload.com/6bbebaffd21b8cbe/teleman-200.rar
      https://www.europeup.com/ah8jokqcs9px
      https://drop.download/giboia1o4sb6
      https://dl1.desiupload.to/bglmy8wulmxd
      https://ddownload.com/cqq4x69wh97z
      https://dbree.org/v/3c1cf2
      https://bayfiles.com/eetdncN4yf
      https://anonfiles.com/d0t0n0Nay3
      https://1fichier.com/?0sbt3tlrkfgwoeyx4uwz
      "

    • Kukdoo koo · commented on item: Fiberchat - Whatsapp Clone Full Chat & Call App | Android & iOS Flutter Chat app
      Sunday 05th May 2024

      " https://workupload.com/file/qg3D7xLmQdq<br>https://www.upload.ee/files/16345885/fiberchat-2012.rar.html<br>https://qiwi.gg/file/81na6527-fiberchat-2012<br>https://pixeldrain.com/u/RNpEZZBA<br>https://www.mirrored.to/files/0KL4NP5Y/fiberchat-2012.rar_links<br>https://mirrorace.org/m/7YGey<br>https://krakenfiles.com/view/LjL7gjxT2T/file.html<br>https://hxfile.co/7j4mg3tvjm2l<br>https://gofile.io/d/equEeL<br>https://eternalfile.com/kbcm518250uh<br>https://drop.download/ar695j4v1mac<br>https://ddownload.com/5kj2q8ttdlga<br>https://dbree.me/v/3f2527<br>https://1fichier.com/?inmsn1r3h5vauhbar6mk<br> "

    • Raghvendra Pateriya · commented on item: CMS pro - Content Management System
      Wednesday 15th May 2024

      " NULLIFIED, meaning license requirements have been removed.
      http://www.hotfiles.ro/download/cmspro410.rar/1416138
      http://www.mirrorcreator.com/files/HLIT9MTC/cmspro410.rar_links
      http://www58.zippyshare.com/v/cqK6tENC/file.html
      http://www.nowdownload.to/dl/087f2837a4f0f
      http://ul.to/km1bdnnn
      http://www.solidfiles.com/d/04c3800654/
      https://userscloud.com/3agbojs04e80
      https://www.sendspace.com/file/g2gbdl
      http://www.mediafire.com/download/ah1corl6iak8elf/cmspro410.rar "

    Sponsored Links

    Add Your Link Here for FREE

    Creating Shopify Apps A Built-in, Global Audience. Build And Sell Apps And Themes That Customize And Extend Shopify's capabilities For Millions Of Merchants Around The World..

    Courses For Script Writing If You Have A Passion For Storytelling And A Knack For Writing, Then Script Writing May Just Be The Perfect Career Path For You. Script Writers Are Responsible....

    Make Money Online 2023 Earn While You Work At Home. Earn Up To Rs. 30000/- Per Month. No Work Experience Required. Workzly Is Your Best Online Job Platform With Thousands Of Jobs. Join Now And Get Paid..

    Shopify Website Developer A Built-in, Global Audience. Build And Sell Apps And Themes That Customize And Extend Shopify's capabilities For Millions Of Merchants Around The World..

    Add Your Link Here for FREE

    Related Job Posts

    Post A Job & Hire Developer

    Dynamic Social Media & Mailchimp VA Social Media Marketing,Facebook Marketing,Marketing,Mailchimp,Virtual Assistant.

    Urgent Scriptwriting Needed for instagram reels Social Media Marketing , Creative Writing , Content .

    Elevating YouTube Thumbnail Creation Video Editing,Video Services,Video Production,YouTube,Animation.

    Custom Module Development for Cosmos SDK Blockchain,Ethereum,Smart Contracts,Solidity.

    Professional Portfolio Website Design Website Design,Graphic Design,HTML,PHP,User Interface / IA.

    Post A Job & Hire Developer