Scroll Hints
Scroll Hints

Scroll Hints

  • Uploaded : 19th April 2024
  • Views : 154
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

    Ways To Make Money From Home 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..

    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..

    Need Php Developer Hire the Best PHP Developers · $60/hr $60 Hourly. Omar K. PHP Developer · $125/hr $125 Hourly. Alex H. PHP Developer · $140/hr $140 Hourly.

    Free Domain And Free Hosting You Get Reliable, Scalable And Free Web Hosting. Get 24/7 Security Monitoring, Hassle-free Setup And 99.9% Uptime When You Host Your Website.

    Add Your Link Here for FREE

    Related Job Posts

    Post A Job & Hire Developer

    Graphic Designer Needed For Branding -- 2 Graphic Design,Logo Design,Photoshop,Illustrator,Photoshop Design.

    Excel VBA Macro Migration to MS Azure Data Processing,Excel,VB.NET,Visual Basic,Visual Basic for Apps.

    Modern Large Diaper Packaging Design Graphic Design , Covers & Packaging , Corporate .

    Outdoor Automated Pushback Trolley Development Engineering,Solidworks,Coding.

    Logo design Banner Design,Graphic Design,Illustrator,Logo Design,Photoshop.

    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
    • nilesh chodvadiya · commented on item: Profilex - Portfolio Website Builder SAAS (Multitenant)
      Sunday 05th May 2024

      " https://workupload.com/file/s4vLYYFPpwz
      https://www.upload.ee/files/16018540/profilex-25nulled.rar.html
      https://qiwi.gg/file/6FAU7013-profilex-25nulled
      https://pixeldrain.com/u/8GVKb76T
      https://oneupload.to/lzfdfyxi8ksw
      https://www.mirrored.to/files/S9OCMWRA/profilex-25nulled.rar_links
      https://mirrorace.org/m/6BIi1
      https://hxfile.co/w79qcs7o4btd
      https://gofile.io/d/juNeIJ
      https://drop.download/6wkls3i3dpht
      https://ddownload.com/qp13rswwjnou
      https://1fichier.com/?bvwkeonj95r9y3bqjblt
      "

    • Sanket Choudhury · commented on item: SMS Gateway - Use Your Android Phone as SMS/MMS Gateway (SaaS)
      Sunday 05th May 2024

      " https://workupload.com/file/SbZSDAZRkZS
      https://userscloud.com/t4qj5fb9a229
      https://www.upload.ee/files/15685248/smsgatew-942nulled.rar.html
      https://pixeldrain.com/u/bV1yQFTX
      https://www.mirrored.to/files/1WZP3IXX/smsgatew-942nulled.rar_links
      https://mirrorace.org/m/1b60p
      https://krakenfiles.com/view/QL1ZuA2ZRN/file.html
      https://hxfile.co/0ngjl34vf6io
      https://gofile.io/d/0BlB5V
      https://desiupload.co/doh502r228zo
      https://ddownload.com/a7k5oo7ejl9y
      https://dbree.me/v/03547a
      https://1fichier.com/?lh8pi2pm0oumz9er8l0i
      "

    • Mayank Jaiswal · commented on item: MeetsPro Neowallet, Crypto P2P, Crypto Cards, Visa & Master Cards, Loans, Investment,ERC20,BEP20
      Sunday 05th May 2024

      " https://mega.nz/file/4XQ2xYQb#e0WO16CzArMuBkgjgeBSopzJDlhSNyPVgDQLZMwp0xw
      https://workupload.com/file/zuWQ8FspPQn
      https://oneupload.to/tok20rcnkbc7
      https://www.mirrored.to/files/04PNNCGN/meetslite-31nulled.rar_links
      https://krakenfiles.com/view/BjiccgJbA6/file.html
      https://hxfile.co/kq1igtxjb081
      https://gofile.io/d/6kPvjD
      https://drop.download/78eoubut2phi
      https://desiupload.co/yln666611zm5
      https://ddownload.com/3pyrz2m7yij2
      https://1fichier.com/?xg33wjms307tq0h3yb8c
      "

    • vinay saxena · commented on item: Money Management Pro
      Wednesday 15th May 2024

      " NULLIFIED, meaning license requirements have been removed.
      http://www.hotfiles.ro/download/moneymanagementpro.rar/1439100
      http://www.mirrorcreator.com/files/15RWBT0X/moneymanagementpro.rar_links
      http://www35.zippyshare.com/v/HO9NwhL0/file.html
      http://ul.to/dtze3yq3
      http://www.solidfiles.com/d/1e7a399075/
      http://www.zippyshare.us/3b4/moneymanagementpro.rar
      https://www.sendspace.com/file/rsfwnc
      https://userscloud.com/x8n6ev5h2izd
      http://www.mediafire.com/download/01zp96vai90qxzq/moneymanagementpro.rar "

    • juridicalpillar Legal solution · commented on item: Sabai Discuss for WordPress v1.4.17
      Monday 13th May 2024

      " NULLIFIED, meaning license requirements have been removed.
      https://workupload.com/file/rbCGxMSZ9hz
      https://www.upload.ee/files/16592922/sabaidiscuss-1417.rar.html
      https://www.sendspace.com/file/sv2bdf
      https://qiwi.gg/file/ujzt4708-sabaidiscuss-1417
      https://pixeldrain.com/u/o6wStVg1
      https://www.mirrored.to/files/G6BJZZO1/sabaidiscuss-1417.rar_links
      https://mirrorace.org/m/5hswx
      https://katfile.com/wl2eidog2vdk
      https://hxfile.co/pnm3z2bqa3gm
      https://ddownload.com/p3t8c0tzq8fr
      https://dailyuploads.net/idcfuv9f3anp
      https://clicknupload.space/hnsppb616r6a
      https://1fichier.com/?atjw1vb1t9iyedh6q7so "

    • vyom khare · commented on item: Easy Invoice - A Complete Saas Package for Quick Invoices & Accounting - Android | IOS | Website
      Sunday 05th May 2024

      " https://workupload.com/file/whPYaMxASWC
      https://userscloud.com/dyasigyhg7vz
      https://pixeldrain.com/u/c9JvKvDg
      https://nippyspace.com/v/ade0b7
      https://www.mirrored.to/files/KA6EN8SY/easyinvoice-20.rar_links
      https://mirrorace.org/m/3T8hd
      https://hxfile.co/j7lcj768ubyx
      https://gofile.io/d/z1R4FM
      https://desiupload.co/u19x14bfks4q
      https://ddownload.com/b98u854biwyv
      https://1fichier.com/?hkieumjr7fc619n4gshz
      "

    • Nikil kumar Gupta · commented on item: WASender v3.1 - Whatsapp server and bulk sender (SAAS)
      Sunday 12th May 2024

      " NULLIFIED, meaning license requirements have been removed.
      https://workupload.com/file/E9E3SuP4ZSA
      https://userscloud.com/4gfx7tcq0gtv
      https://www.upload.ee/files/15812829/wasender-31.rar.html
      https://pixeldrain.com/u/X28WewZ5
      https://nippyspace.com/v/f4201b
      https://www.mirrored.to/files/RGL6PT4E/wasender-31.rar_links
      https://mirrorace.org/m/3dixm
      https://hxfile.co/ngzao2yeupnk
      https://gofile.io/d/6lNPYy
      https://desiupload.co/3z8spj9ciiox
      https://ddownload.com/y5eqgzv0x47d
      https://1fichier.com/?ik6xbmrn5hq38f6dtgvn "

    Sponsored Links

    Add Your Link Here for FREE

    Ways To Make Money From Home 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..

    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..

    Need Php Developer Hire the Best PHP Developers · $60/hr $60 Hourly. Omar K. PHP Developer · $125/hr $125 Hourly. Alex H. PHP Developer · $140/hr $140 Hourly.

    Free Domain And Free Hosting You Get Reliable, Scalable And Free Web Hosting. Get 24/7 Security Monitoring, Hassle-free Setup And 99.9% Uptime When You Host Your Website.

    Add Your Link Here for FREE

    Related Job Posts

    Post A Job & Hire Developer

    Graphic Designer Needed For Branding -- 2 Graphic Design,Logo Design,Photoshop,Illustrator,Photoshop Design.

    Excel VBA Macro Migration to MS Azure Data Processing,Excel,VB.NET,Visual Basic,Visual Basic for Apps.

    Modern Large Diaper Packaging Design Graphic Design , Covers & Packaging , Corporate .

    Outdoor Automated Pushback Trolley Development Engineering,Solidworks,Coding.

    Logo design Banner Design,Graphic Design,Illustrator,Logo Design,Photoshop.

    Post A Job & Hire Developer