Welcome to TalkGraphics.com
Results 1 to 8 of 8
  1. #1
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Lightbulb Web Page Scroll Bar Indicator

    For those who persist in creating long web pages: CSS+JS - Scroll Bar Indicator.xar

    A web page ought not to be very long but some still manage. Be bold for a change.
    If not, drop the small Green Placeholder onto your page(s). It will do the rest.

    Do not put it on top of a Sticky object.
    You will have to recode a separate instance for a Variant.
    You will have to recode if using Scale to Fit Width.
    You will have to tweak for a Scrolling/SuperSite website.

    If you do, please publish and describe your approach.

    Modified from W3Schools to work within a Xara Website: https://www.w3schools.com/howto/howt..._indicator.asp



    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  2. #2
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Web Page Scroll Bar Indicator

    Ah nice, but it doesn't work in FireFox as usual Acorn. The W3 version does however.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  3. #3
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default Re: Web Page Scroll Bar Indicator

    Quote Originally Posted by Egg Bramhill View Post
    Ah nice, but it doesn't work in FireFox as usual Acorn. The W3 version does however.
    Works for me with FFv92.0.1.
    If FF is blocking JavaScript, then it won't play.

    I am looking for a pure CSS approach that will work in all scenarios that I mentioned.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default Re: Web Page Scroll Bar Indicator

    I have properly Xarified this concept.
    It still uses JavaScript but now works properly across Variants and Scale to Fit Width.

    You can throw as many Named boxes at it as you link and twist and shapes the boxes as well.

    Change a shape to Editable Shapes and the scroll appears in the Background so it will not appear as you expect.

    It still uses some JavaScript.

    CSS+JS - Scroll Bar Indicator - Mark#2.xar

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  5. #5
    Join Date
    Oct 2006
    Location
    StPeters, MO USA
    Posts
    10,819

    Default Re: Web Page Scroll Bar Indicator

    Good advice as always Acorn.
    Larry a.k.a wizard509

    Never give up. You will never fail, but you may find a lot of ways that don't work.

  6. #6
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Web Page Scroll Bar Indicator

    That's odd Acorn. I have FFv92.0.1. too and it doesn't work for me. All js works fine for me i.e. in W3. Can't think what's blocking it.

    http://youtu.be/SQ0VFzE-hxM?hd=1
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  7. #7
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Web Page Scroll Bar Indicator

    Missed the two posts above but the second version is still not working in my FF. Excellent in Chrome....
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  8. #8
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,487

    Default Re: Web Page Scroll Bar Indicator

    Works for me. Cool.

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •