Scroll Hints
Scroll Hints

Scroll Hints

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

    Domains For Free 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.

    Shopify Web Design Services 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..

    Best Billing Software select beautiful templates add your logo and signature add any custom fields.

    Add Your Link Here for FREE

    Related Job Posts

    Post A Job & Hire Developer

    Mechanical device animator needed Mechanical Engineering,3D Animation,3D Modelling,Autodesk Inventor,3D Rendering.

    Energetic Fitness Tracking App Design Graphic Design,iPhone,Mobile App Development,User Interface / IA,Photoshop.

    Figma to html css HTML5.

    Professional Marketer and Social Media Manager for E-Commerce Business. Amazon Ads,Tiktok Ads,eCommerce,Social Media Management,Facebook Ads.

    Add Facebook Pixel to Website Facebook Pixel,Google Tag Management.

    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
    • Nikil kumar Gupta · commented on item: SalesPro Saas - Flutter POS Inventory Full App+Admin panel With Firebase
      Sunday 05th May 2024

      " https://userscloud.com/es9exb1cx4nk
      https://mirrorace.org/m/5fc8K
      https://dbree.me/v/119386
      https://workupload.com/file/ER73rPurCvM
      https://www.mirrored.to/files/3PPX22ZK/salepro-52.rar_links
      https://desiupload.co/a530neq86iha
      https://1fichier.com/?vpciewh3wolzur8y1mjm
      https://hxfile.co/vaw27pd191fo
      https://gofile.io/d/VrweYQ
      https://krakenfiles.com/view/7QrgpIp3VZ/file.html
      https://www.upload.ee/files/15821826/salepro-52.rar.html
      https://nippyspace.com/v/91652e
      https://ddownload.com/fxqg3fyjy8wq
      https://pixeldrain.com/u/kNi6aTdr
      "

    • lokesh ilme · commented on item: Desix - Multipurpose Business, Creative & Digital Agency CMS
      Thursday 09th May 2024

      " Hello Everyone!! Are You Facing Errors While Installation? Contact Me If You Need Complete NULLED "

    • Deepak Singhal · commented on item: Advocate Office Management System
      Sunday 05th May 2024

      " https://workupload.com/file/2dPDB93bJMK
      https://www.upload.ee/files/15243283/advocate-20nulled.rar.html
      https://pixeldrain.com/u/S297nAba
      https://oneupload.to/z5zeyc9cigka
      https://www.mirrored.to/files/1Y8PBMW0/advocate-20nulled.rar_links
      https://mirrorace.org/m/5TwC3
      https://krakenfiles.com/view/FjRjh4pnne/file.html
      https://hxfile.co/b7roqrx3fhum
      https://gofile.io/d/RWO1KT
      https://www.fireload.com/9fa5b03ee99ade8f/advocate-20nulled.rar
      https://drop.download/xmo4zxumwmb6
      https://desiupload.co/ag4y6a6x1i3x
      https://ddownload.com/5hmw1zh8ydbx
      https://dbree.me/v/01d0af
      https://bayfiles.com/o4ved7s1z1
      https://anonfiles.com/E4v9dcs5z7
      https://1fichier.com/?9yfu69h6c4ym0oin1k0w
      "

    • Bishal jain · commented on item: Mini OTT | Live TV, Streaming, Movie, Radio
      Sunday 05th May 2024

      " https://workupload.com/file/psxbWTDQ7NC
      https://www.udrop.com/7YB0/miniott-10.rar
      https://www.mirrored.to/files/0CPCYNQU/miniott-10.rar_links
      https://mirrorace.org/m/5SOtX
      https://krakenfiles.com/view/DEEyLWr3kU/file.html
      https://hxfile.co/yxb9upjaqm33
      https://gofile.io/d/UM3ECL
      https://drop.download/qrwk7vi0rkox
      https://desiupload.co/7w4o6w0wtzbi
      https://ddownload.com/sw46vbfdyyn0
      https://bayfiles.com/D99d23h0zc
      https://anonfiles.com/Fb9a20h0z9
      https://1fichier.com/?4t63fez8yte144gropnr
      "

    • Reignsys SofTech · commented on item: Lite Music - Android Music Player 5.1
      Sunday 05th May 2024

      " https://workupload.com/file/P9QUhmXms8C
      https://www.upload.ee/files/15391095/litemusic-51.rar.html
      https://pixeldrain.com/u/eqanoMpG
      https://www.mirrored.to/files/OS3YPR1G/litemusic-51.rar_links
      https://mirrorace.org/m/3S9lb
      https://krakenfiles.com/view/7qs17X229e/file.html
      https://hxfile.co/0yt8lvxxm5ju
      https://gofile.io/d/obhz6M
      https://drop.download/5b2x4fekad0m
      https://desiupload.co/mmg1oadproe1
      https://ddownload.com/gqblrilqk6qh
      https://dbree.me/v/00649d
      https://bayfiles.com/bbx7p3zcz0
      https://anonfiles.com/gdxep1z3z3
      https://1fichier.com/?qz45nxrmfh8dzq837xqg
      "

    • youssef tazit · commented on item: Traves v1.3 - Travel Mobile App - UI Kit - React Native
      Sunday 12th May 2024

      " NULLIFIED, meaning license requirements have been removed.
      https://workupload.com/file/kE2VEzrjfGX
      https://www.upload.ee/files/16573600/travas-13.rar.html
      https://www.sendspace.com/file/ox8qo3
      https://qiwi.gg/file/pkrT8193-travas-13
      https://pixeldrain.com/u/GcFZz6DR
      https://www.mirrored.to/files/KEDHI9SV/travas-13.rar_links
      https://mirrorace.org/m/5hplf
      https://krakenfiles.com/view/n7Y7T4IpFE/file.html
      https://katfile.com/r2dtpjdb3i2d
      https://hxfile.co/fankf7ot973c
      https://ddownload.com/ofeahotfixlp
      https://dailyuploads.net/gvf2gigt496q
      https://clicknupload.space/ajsvruvsnnjd
      https://1fichier.com/?p7z5k1g0azdcdofzst6e "

    • vinay saxena · commented on item: Web Slide - Responsive Mega Menu for Bootstrap 3+
      Wednesday 15th May 2024

      " NULLIFIED, meaning license requirements have been removed.
      http://www.hotfiles.ro/download/webslidemegamenu.rar/1404515
      http://www.mirrorcreator.com/files/X8K5JNPB/webslidemegamenu.rar_links
      http://www1.zippyshare.com/v/78P9xrDK/file.html
      http://www.nowdownload.to/dl/9bd62f19a16e6
      http://www.solidfiles.com/d/1865575a36/
      https://www.sendspace.com/file/37vhr9
      http://downloads.ziddu.com/download/25028792/webslidemegamenu.rar.html
      https://userscloud.com/e9gowcjax6bm
      https://copy.com/BtgdWwPuQDbUqSY2
      http://www.mediafire.com/download/xtqt12pnbahwumj/webslidemegamenu.rar "

    Sponsored Links

    Add Your Link Here for FREE

    Ways To Earn 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..

    Domains For Free 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.

    Shopify Web Design Services 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..

    Best Billing Software select beautiful templates add your logo and signature add any custom fields.

    Add Your Link Here for FREE

    Related Job Posts

    Post A Job & Hire Developer

    Mechanical device animator needed Mechanical Engineering,3D Animation,3D Modelling,Autodesk Inventor,3D Rendering.

    Energetic Fitness Tracking App Design Graphic Design,iPhone,Mobile App Development,User Interface / IA,Photoshop.

    Figma to html css HTML5.

    Professional Marketer and Social Media Manager for E-Commerce Business. Amazon Ads,Tiktok Ads,eCommerce,Social Media Management,Facebook Ads.

    Add Facebook Pixel to Website Facebook Pixel,Google Tag Management.

    Post A Job & Hire Developer