Scroll Hints
Scroll Hints

Scroll Hints

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

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

    Free Web Hosting And Domain 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.

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

    Virtual terminal payment gateway secure online platform that enables businesses to process payments through various payment methods, including credit cards, debit cards & others..

    Add Your Link Here for FREE

    Related Job Posts

    Post A Job & Hire Developer

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

    Daily Automation Processes (Zapier, Make) -- 2 Process Automation,Zapier,Make.com.

    100 regional proxies creation -- 2 Blog,Article Writing,Article Rewriting,Communications,Content Writing.

    Azure Data data engineer expert for interview guide Python,Amazon Web Services,Linux,VMware,Cloud Computing.

    Custom Lead-Generation Form with API Integration PHP,HTML,MySQL,Website Design,Software Architecture.

    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
    • Akshaya Bijo · commented on item: Wowy - Multi-language Laravel eCommerce Script
      Sunday 05th May 2024

      " https://workupload.com/file/t6MKMPqwSRR
      https://www.upload.ee/files/16329677/wowy-1270nulled.rar.html
      https://qiwi.gg/file/6N4t2384-wowy-1270nulled
      https://pixeldrain.com/u/eddtf1PW
      https://nippyspace.com/v/1865de
      https://www.mirrored.to/files/1SM1DRGB/wowy-1270nulled.rar_links
      https://mirrorace.org/m/7iFlx
      https://krakenfiles.com/view/PZFTHkFd7F/file.html
      https://hxfile.co/rshnl1kc6cih
      https://gofile.io/d/89Sc1s
      https://ddownload.com/bq5nfmvxne04
      https://dbree.me/v/debd13
      https://1fichier.com/?xt1naa26nnjuu157ft7t
      "

    • ASHOK MALI · commented on item: POSGo SaaS v3.3 - Purchase and Sales Management Tool - nulled - Download
      Sunday 05th May 2024

      " https://www18.zippyshare.com/v/A3julHLg/file.html https://workupload.com/file/mphawuermv7 https://www.mirrored.to/files/0TFFPLN2/posgosaas-33nulled.rar_links https://mirrorace.org/m/189cr https://krakenfiles.com/view/fFenqK2Sd8/file.html https://hxfile.co/ipbcn65ux77h https://gofile.io/d/4KzyIG https://www.fireload.com/ecc323594edcf701/posgosaas-33nulled.rar https://www.europeup.com/jv5quuz87lv4 https://drop.download/wt9xng451rtg https://dl1.desiupload.to/74vous7puzr2 https://ddownloa "

    • Mitesh Chaurasia · commented on item: Hexacom single vendor eCommerce App with Website, Admin Panel and Delivery boy app
      Sunday 05th May 2024

      " https://workupload.com/file/w78dPUP8dyN
      https://userscloud.com/6s3dipnck6dl
      https://www.upload.ee/files/16175542/hexacom-72nulled.rar.html
      https://pixeldrain.com/u/F2zNDRnP
      https://nippyspace.com/v/0365a7
      https://www.mirrored.to/files/ILE8Q0II/hexacom-72nulled.rar_links
      https://mirrorace.org/m/5Wixa
      https://krakenfiles.com/view/Un4w0vCvfY/file.html
      https://hxfile.co/4q0kbf63g0l0
      https://gofile.io/d/I2AsWG
      https://ddownload.com/60oh7py9tri6
      https://dbree.me/v/44721a
      https://1fichier.com/?o9bybeu9nwh70gc0j2cn
      "

    • Tv Manohar · commented on item: AI Writer SaaS - Powerful Automatic Content Generator Tools & Writing Assistant
      Sunday 05th May 2024

      " https://www38.zippyshare.com/v/z2Pjlezm/file.html
      https://workupload.com/file/dLdhNSJKthT
      https://www.mirrored.to/files/9NRVCF5H/aiwriter-10.rar_links
      https://mirrorace.org/m/3Qq1t
      https://krakenfiles.com/view/9FTqUCRTEq/file.html
      https://hxfile.co/31grtthbscif
      https://gofile.io/d/CFsWyS
      https://www.fireload.com/13f282e6313a5ba3/aiwriter-10.rar
      https://drop.download/32zfq3b9k59z
      https://dl1.desiupload.to/uetwxjlt4n3w
      https://ddownload.com/o22yojf4qiji
      https://dbree.me/v/5d91b2
      https://bayfiles.com/y9leIcY3y8
      https://anonfiles.com/z0l0IaY4y8
      https://1fichier.com/?j8l1me561judo2p8o9nj
      "

    • Demo Demo · commented on item: AdBot - ChatGPT Open AI Android and iOS App
      Sunday 05th May 2024

      " https://www85.zippyshare.com/v/x6Iqbpf7/file.html
      https://workupload.com/file/QPgDspcHfQe
      https://www.mirrored.to/files/8RM2OX2J/adbot-23.rar_links
      https://mirrorace.org/m/6yAgv
      https://krakenfiles.com/view/Dg2KxmLSY1/file.html
      https://hxfile.co/2e6fxro5n5rm
      https://gofile.io/d/4QZzzi
      https://www.fireload.com/d5a125c865745463/adbot-23.rar
      https://www.europeup.com/rw5usg6p15gt
      https://drop.download/74bex11u5j15
      https://dl1.desiupload.to/slgazxppuogi
      https://ddownload.com/mki31ho69zt9
      https://dbree.me/v/956641
      https://bayfiles.com/NbAa36e5zb
      https://anonfiles.com/LdAd3becz8
      https://1fichier.com/?joodtrnxfly51w1860gw
      "

    • manoj kumar · commented on item: Guess The Sound Mobile App
      Wednesday 15th May 2024

      " NULLIFIED, meaning license requirements have been removed.
      http://www.hotfiles.ro/download/guessthesound.rar/1404680
      http://www.mirrorcreator.com/files/1X3M7UI5/guessthesound.rar_links
      http://www7.zippyshare.com/v/eEj4QmoO/file.html
      http://downloads.ziddu.com/download/25030185/guessthesound.rar.html
      https://www.sendspace.com/file/6xtewp
      https://userscloud.com/cp2xv8wxxe6n
      http://www.solidfiles.com/d/4ee32d315e/
      https://copy.com/ScWFxL0M1N3Jgckv
      http://www.mediafire.com/download/dk6nurspxbgb56n/guessthesound.rar "

    • EKTABEN DEVENDRABHAI PATEL · commented on item: HBook v2.0.25 - Hotel booking system - WordPress Plugin
      Monday 13th May 2024

      " NULLIFIED, meaning license requirements have been removed.
      https://workupload.com/file/KDQmYbyRQv6
      https://www.upload.ee/files/16592908/hbook-2025.rar.html
      https://www.sendspace.com/file/3vpxam
      https://qiwi.gg/file/nDTv1154-hbook-2025
      https://pixeldrain.com/u/NjhDFEKF
      https://www.mirrored.to/files/KCKZ4T0O/hbook-2025.rar_links
      https://mirrorace.org/m/5hswi
      https://katfile.com/6p6bmm3qtmkf
      https://hxfile.co/yg3wdaexmp44
      https://ddownload.com/558li97d0qbd
      https://dailyuploads.net/spfibkjxvmeq
      https://clicknupload.space/0a4jq9dseem7
      https://1fichier.com/?2gfnoedqng3rrupy6ftr "

    Sponsored Links

    Add Your Link Here for FREE

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

    Free Web Hosting And Domain 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.

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

    Virtual terminal payment gateway secure online platform that enables businesses to process payments through various payment methods, including credit cards, debit cards & others..

    Add Your Link Here for FREE

    Related Job Posts

    Post A Job & Hire Developer

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

    Daily Automation Processes (Zapier, Make) -- 2 Process Automation,Zapier,Make.com.

    100 regional proxies creation -- 2 Blog,Article Writing,Article Rewriting,Communications,Content Writing.

    Azure Data data engineer expert for interview guide Python,Amazon Web Services,Linux,VMware,Cloud Computing.

    Custom Lead-Generation Form with API Integration PHP,HTML,MySQL,Website Design,Software Architecture.

    Post A Job & Hire Developer