Scroll Hints
Scroll Hints

Scroll Hints

  • Uploaded : 19th April 2024
  • Views : 201

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

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

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

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

    Online Attendance System - Online sign up for free & automate payroll & grow your startup without worrying about compliances.

    Add Your Link Here for FREE

    Related Job Posts

    Post A Job & Hire Developer

    FlutterFlow and Firebase E-commerce App Flutter,Google Firebase.

    Ethereum Smart Contract Developer Needed Software Architecture , Blockchain , Ethereum .

    Crypto scanning/scraping solution PHP,Web Scraping,Java,C# Programming,Scripting.

    Help in a Java project HTML5,jQuery,Bootstrap.

    GOGetSSL & Postman API Integration Website Design,Graphic Design,User Interface / IA.

    Post A Job & Hire Developer

    Looking for something? Start a fresh search

    Recent Comments
    • Victor Monday · commented on item: Buzzy - News, Viral Lists, Polls and Videos
      Wednesday 15th May 2024

      " NULLIFIED, meaning license requirements have been removed.
      http://www.hotfiles.ro/download/buzzy.rar/1410432
      http://www.mirrorcreator.com/files/QABDWV2N/buzzy.rar_links
      http://www45.zippyshare.com/v/dacco1Pg/file.html
      http://www.nowdownload.to/dl/767024e3cf2f8
      http://downloads.ziddu.com/download/25049955/buzzy.rar.html
      https://www.sendspace.com/file/5szx9m
      https://userscloud.com/d46udh1knpit
      http://www.mediafire.com/download/ifjvb8pe8y50xap/buzzy.rar "

    • rajendra singh singh · commented on item: Taskify - Project Management - Task Management & Productivity Tool
      Wednesday 08th May 2024

      " Contact Me If You Need RISE - Ultimate Project Manager & CRM With All Addon Modules NULLED ******* All Modules Available ******** ( Latest Version) (My Service Is Paid) Contact Me On WhatsApp : +919822491553 WhatsApp Link : Https://wa.link/ska4ho Telegram @omgklrahul "

    • Ramy Benabderrahmen · commented on item: WHMpress v4.6.1 - WHMCS WordPress Integration Plugin
      Monday 27th May 2024

      " NULLIFIED, meaning license requirements have been removed.
      http://www48.zippyshare.com/v/0rYyZjfe/file.html
      http://userscloud.com/0ogueb31yai0
      http://ul.to/idmslowb
      https://www.sendspace.com/file/ufyurn
      https://sendit.cloud/0lyt28bndofj
      https://oload.stream/f/dadart2AS-s/whmpress-461.rar
      http://www.mirrorcreator.com/files/DQXYCWQ7/whmpress-461.rar_links
      http://www.mediafire.com/?xciam6q9kp94syn
      https://www.file-upload.com/tg7vhcekqdfz
      https://www.datafilehost.com/d/7fee521b
      https://dailyuploads.net/d4jdwwfqj86v
      http://cloudyfiles.com/csfia3imemlv "

    • EKTABEN DEVENDRABHAI PATEL · commented on item: Global DNS - DNS Propagation Checker - WHOIS Lookup - PHP
      Sunday 05th May 2024

      " https://workupload.com/file/ryhCsfuCYHw
      https://www.udrop.com/84zO/globaldns-240nulled.rar
      https://pixeldrain.com/u/12wTWrAQ
      https://www.mirrored.to/files/BULFQW0F/globaldns-240nulled.rar_links
      https://mirrorace.org/m/19t0i
      https://krakenfiles.com/view/xbcSBCVkRG/file.html
      https://hxfile.co/3r884hi8h5jy
      https://gofile.io/d/pTctni
      https://www.fireload.com/2186dd65a5740355/globaldns-240nulled.rar
      https://www.europeup.com/d4nnxf1dl37v
      https://drop.download/v26fld71t1ue
      https://desiupload.co/jyxvwxc3jeon
      https://ddownload.com/6onbpnljlcly
      https://dbree.me/v/446305
      https://bayfiles.com/44jekfn2zf
      https://anonfiles.com/62j1k7ncza
      https://1fichier.com/?2szggakku1yhxjxxbxb9
      "

    • Flaxce Ltd · commented on item: WP A.I Assistant v2.5.9.8
      Monday 27th May 2024

      " NULLIFIED, meaning license requirements have been removed.
      http://www1.zippyshare.com/v/Q5YxZ5Mg/file.html
      http://userscloud.com/cgk3tz451iix
      http://ul.to/9un8kw4e
      https://www.sendspace.com/file/g6pqdt
      https://sendit.cloud/cxud0qgyze7b
      https://oload.stream/f/cnjyA4Yaj0w/wpaiassistant-2598.rar
      http://www.mirrorcreator.com/files/HVD4WAGU/wpaiassistant-2598.rar_links
      http://www.mediafire.com/?zya3svfg28fotw9
      https://www.file-upload.com/e6yo945qardi
      https://www.datafilehost.com/d/3e94ae0d
      https://dailyuploads.net/lj7c5c4inee2 "

    • Flaxce Ltd · commented on item: WP A.I Assistant v2.5.9.8
      Monday 27th May 2024

      " NULLIFIED, meaning license requirements have been removed.
      http://www1.zippyshare.com/v/Q5YxZ5Mg/file.html
      http://userscloud.com/cgk3tz451iix
      http://ul.to/9un8kw4e
      https://www.sendspace.com/file/g6pqdt
      https://sendit.cloud/cxud0qgyze7b
      https://oload.stream/f/cnjyA4Yaj0w/wpaiassistant-2598.rar
      http://www.mirrorcreator.com/files/HVD4WAGU/wpaiassistant-2598.rar_links
      http://www.mediafire.com/?zya3svfg28fotw9
      https://www.file-upload.com/e6yo945qardi
      https://www.datafilehost.com/d/3e94ae0d
      https://dailyuploads.net/lj7c5c4inee2 "

    • j zone · commented on item: Uber Chat - Ultimate Live Chat with Windows Client
      Thursday 23rd May 2024

      " NULLIFIED, meaning license requirements have been removed.
      http://www.hotfiles.ro/download/uberchatplugin.rar/1507501
      http://www.mirrorcreator.com/files/FGGFYSBE/uberchatplugin.rar_links
      http://ul.to/islui27x
      http://www44.zippyshare.com/v/elCiKNZv/file.html
      http://www.solidfiles.com/d/c85d1ef656/
      https://userscloud.com/6hksro2gbn24
      https://www.sendspace.com/file/t1x7ts
      http://www.megamirror.net/f9idfcwl002v
      http://www.mediafire.com/download/hbfaq96jd7hq1aq/uberchatplugin.rar "