Skip to main content
St Louis

Back to all posts

How to Keep Drawing on Canvas When Scrolling?

Published on
4 min read
How to Keep Drawing on Canvas When Scrolling? image

Best Drawing Accessories to Buy in December 2025

1 Prina 76 Pack Drawing Set Sketching Kit, Pro Art Supplies with 3-Color Sketchbook, Include Tutorial, Colored, Graphite, Charcoal, Watercolor & Metallic Pencil, for Artists Adults Teens Beginner

Prina 76 Pack Drawing Set Sketching Kit, Pro Art Supplies with 3-Color Sketchbook, Include Tutorial, Colored, Graphite, Charcoal, Watercolor & Metallic Pencil, for Artists Adults Teens Beginner

  • COMPLETE 76-PACK SET FOR ALL DRAWING TECHNIQUES & STYLES!

  • PORTABLE TRAVEL CASE FOR EASY ORGANIZATION & ON-THE-GO ART!

  • ECO-FRIENDLY, NON-TOXIC MATERIALS FOR SAFE, HIGH-QUALITY ARTWORK!

BUY & SAVE
$25.99
Prina 76 Pack Drawing Set Sketching Kit, Pro Art Supplies with 3-Color Sketchbook, Include Tutorial, Colored, Graphite, Charcoal, Watercolor & Metallic Pencil, for Artists Adults Teens Beginner
2 Caliart 176PCS Art Supplies Sketching Kit with 100 Sheets 3-Color Sketch Book, Graphite Colored Charcoal Watercolor & Metallic Pencils, Drawing Set Christmas Gifts for Adults Teens Girls Boys Kids

Caliart 176PCS Art Supplies Sketching Kit with 100 Sheets 3-Color Sketch Book, Graphite Colored Charcoal Watercolor & Metallic Pencils, Drawing Set Christmas Gifts for Adults Teens Girls Boys Kids

  • COMPLETE 176-PIECE KIT: PERFECT FOR ARTISTS OF ALL SKILL LEVELS!
  • UNIQUE 3-COLOR SKETCHBOOK: ELEVATE YOUR DRAWINGS WITH VERSATILITY!
  • LIGHTWEIGHT TRAVEL CASE: SKETCH ANYWHERE, ANYTIME WITH EASE!
BUY & SAVE
$31.99
Caliart 176PCS Art Supplies Sketching Kit with 100 Sheets 3-Color Sketch Book, Graphite Colored Charcoal Watercolor & Metallic Pencils, Drawing Set Christmas Gifts for Adults Teens Girls Boys Kids
3 Soucolor Sketch Book, Spiral Bound Acid-Free Sketchbook with 68lb/100gsm for Paper Painting, Drawing, Writing, Artist Sketching Pad for Kids, Adults & Teens, 100 Sheets (Black, 9 x 12 Inch, Pack of 1)

Soucolor Sketch Book, Spiral Bound Acid-Free Sketchbook with 68lb/100gsm for Paper Painting, Drawing, Writing, Artist Sketching Pad for Kids, Adults & Teens, 100 Sheets (Black, 9 x 12 Inch, Pack of 1)

  • PREMIUM 100-SHEET SKETCHPAD, PERFECT FOR ARTISTS OF EVERY SKILL LEVEL.

  • ACID-FREE, THICK PAPER: PREVENTS BLEEDING AND PRESERVES YOUR ARTWORK.

  • USER-FRIENDLY SPIRAL BINDING AND MICRO-PERFORATED PAGES FOR EASY USE.

BUY & SAVE
$11.99
Soucolor Sketch Book, Spiral Bound Acid-Free Sketchbook with 68lb/100gsm for Paper Painting, Drawing, Writing, Artist Sketching Pad for Kids, Adults & Teens, 100 Sheets (Black, 9 x 12 Inch, Pack of 1)
4 YunQiDeer Drawing Pencils, Art Supplies Sketch Pencils Kit for Kids Adults, Professional Charcoal Sketching Graphite Art Pencils Set

YunQiDeer Drawing Pencils, Art Supplies Sketch Pencils Kit for Kids Adults, Professional Charcoal Sketching Graphite Art Pencils Set

  • COMPLETE ART TOOLKIT: 18 SKETCH PENCILS & ESSENTIAL TOOLS INCLUDED.
  • TRAVEL-READY: PORTABLE STORAGE BAG FOR ART ON THE GO!
  • ECO-FRIENDLY QUALITY: SAFE MATERIALS FOR HEALTH-CONSCIOUS ARTISTS.
BUY & SAVE
$15.99 $22.99
Save 30%
YunQiDeer Drawing Pencils, Art Supplies Sketch Pencils Kit for Kids Adults, Professional Charcoal Sketching Graphite Art Pencils Set
5 Muchcute Micro Fineliner Drawing Art Pens: 12 Black Fine Line Waterproof Ink Set Artist Supplies Archival Inking Markers Liner Sketch Outline Anime Gifts Manga Sketching Watercolor Zentangle Kit Stuff

Muchcute Micro Fineliner Drawing Art Pens: 12 Black Fine Line Waterproof Ink Set Artist Supplies Archival Inking Markers Liner Sketch Outline Anime Gifts Manga Sketching Watercolor Zentangle Kit Stuff

  • VERSATILE SET: 12 ASSORTED PEN TIPS FOR ALL YOUR DRAWING NEEDS!

  • ARCHIVAL INK: WATERPROOF, FADE-RESISTANT, AND NON-TOXIC FOR LASTING ART.

  • IDEAL GIFT: PERFECT FOR ANY ARTIST, PACKED IN AN ELEGANT STORAGE CASE!

BUY & SAVE
$9.99 $11.99
Save 17%
Muchcute Micro Fineliner Drawing Art Pens: 12 Black Fine Line Waterproof Ink Set Artist Supplies Archival Inking Markers Liner Sketch Outline Anime Gifts Manga Sketching Watercolor Zentangle Kit Stuff
6 iBayam 9x12 Sketchbook, Spiral Bound Sketch Book for Kids, Teens Adults Artists Beginners, Drawing Supplies Art Supplies,100 Sheets (68lb/100gsm) Premium Drawing Pad for Sketching Writing Painting

iBayam 9x12 Sketchbook, Spiral Bound Sketch Book for Kids, Teens Adults Artists Beginners, Drawing Supplies Art Supplies,100 Sheets (68lb/100gsm) Premium Drawing Pad for Sketching Writing Painting

  • 100 SHEETS OF PREMIUM ACID-FREE PAPER FOR LASTING ARTWORKS!

  • VERSATILE 9X12 SIZE IDEAL FOR ALL ARTISTS AND MEDIA TYPES!

  • STURDY BINDING AND THICK COVERS FOR EFFORTLESS CREATIVITY ANYWHERE!

BUY & SAVE
$11.99
iBayam 9x12 Sketchbook, Spiral Bound Sketch Book for Kids, Teens Adults Artists Beginners, Drawing Supplies Art Supplies,100 Sheets (68lb/100gsm) Premium Drawing Pad for Sketching Writing Painting
7 JMC Jimico Water Gel Crayon Set, Multi-Color Art Drawing Twistable Craons, Washable, Smudge-Free, Non-Toxic Silky Crayons Art Supplies for Kids & Adults

JMC Jimico Water Gel Crayon Set, Multi-Color Art Drawing Twistable Craons, Washable, Smudge-Free, Non-Toxic Silky Crayons Art Supplies for Kids & Adults

  • CREATE STUNNING WATERCOLORS EASILY - JUST ADD WATER FOR VIBRANT ART!
  • MESS-FREE TWIST-UP DESIGN - NO SMUDGES, QUICK-DRYING PERFECTION!
  • DURABLE, SAFE, & NON-TOXIC - IDEAL FOR ALL AGES, PERFECT FOR GIFTS!
BUY & SAVE
$16.99
JMC Jimico Water Gel Crayon Set, Multi-Color Art Drawing Twistable Craons, Washable, Smudge-Free, Non-Toxic Silky Crayons Art Supplies for Kids & Adults
8 106 Pack Drawing Set Sketching Kit, Pro Art Supplies with 3-Color Sketchbook, Coloring Book, Graphite Colored Charcoal Watercolor & Metallic Pencils, Drawing Supplies Gift Case for Artists Adults Kids

106 Pack Drawing Set Sketching Kit, Pro Art Supplies with 3-Color Sketchbook, Coloring Book, Graphite Colored Charcoal Watercolor & Metallic Pencils, Drawing Supplies Gift Case for Artists Adults Kids

  • COMPLETE 106-PIECE SET FOR ALL CREATIVE NEEDS AND SKILL LEVELS!

  • INCLUDES UNIQUE 3-COLOR SKETCH PAD FOR ENHANCED ARTISTIC INSPIRATION!

  • PORTABLE CASE FOR EASY ORGANIZATION AND ART ON-THE-GO!

BUY & SAVE
$27.99 $29.99
Save 7%
106 Pack Drawing Set Sketching Kit, Pro Art Supplies with 3-Color Sketchbook, Coloring Book, Graphite Colored Charcoal Watercolor & Metallic Pencils, Drawing Supplies Gift Case for Artists Adults Kids
9 KALOUR 72 Count Colored Pencils for Adult Coloring Books, Soft Core,Ideal for Drawing Blending Shading,Color Pencils Set Gift for Adults Kids Beginners

KALOUR 72 Count Colored Pencils for Adult Coloring Books, Soft Core,Ideal for Drawing Blending Shading,Color Pencils Set Gift for Adults Kids Beginners

  • VIBRANT 72-COLOR PALETTE FOR ENDLESS CREATIVITY AND INSPIRATION.
  • SOFT, BREAK-RESISTANT CORES ENSURE SMOOTH COLORING AND BLENDING.
  • NON-TOXIC & SAFE: PERFECT GIFT FOR AGES 5 AND UP, WORRY-FREE FUN!
BUY & SAVE
$12.99
KALOUR 72 Count Colored Pencils for Adult Coloring Books, Soft Core,Ideal for Drawing Blending Shading,Color Pencils Set Gift for Adults Kids Beginners
+
ONE MORE?

To keep drawing on canvas when scrolling, you can use JavaScript to track the scroll position and adjust the position of the drawing accordingly. You can store the scroll position in variables and update the drawing position based on the current scroll position. This way, the drawing will stay in place on the canvas even when the user scrolls the page. You can also use event listeners to listen for scroll events and update the drawing accordingly. This will ensure that the drawing stays in place and doesn't move when the page is scrolled.

How to maintain drawing continuity on canvas when scrolling up or down?

One way to maintain drawing continuity on a canvas while scrolling up or down is to keep track of the coordinates of the drawing elements and adjust them relative to the scrolling position.

Here are some steps to help you maintain drawing continuity:

  1. Use JavaScript to track the scrolling position of the canvas element on the webpage.
  2. Store the initial position of the drawing elements relative to the canvas and adjust their positions based on the scrolling position.
  3. Update the positions of the drawing elements as the user scrolls up or down on the webpage.
  4. Use CSS positioning properties, such as absolute or fixed, to keep the drawing elements in place even when scrolling.

By following these steps, you can ensure that the drawing elements on the canvas remain in the same position relative to the canvas as the user scrolls up or down, maintaining drawing continuity.

How to lock drawings on canvas in place while scrolling?

One way to lock drawings in place while scrolling on a canvas is to use HTML5 canvas functions such as save() and restore().

You can save the current drawing state using the save() method before performing any transformations or scrolling. Then, after scrolling, you can restore the saved state using the restore() method to reposition the drawing in its original location.

Here's an example of how you can implement this using JavaScript:

var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d');

function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height);

// Save the current drawing state ctx.save();

// Draw your shapes or images ctx.fillRect(10, 10, 50, 50);

// Restore the saved drawing state ctx.restore(); }

// Call the draw function whenever the canvas is scrolled canvas.addEventListener('scroll', draw);

// Initial drawing draw();

By saving and restoring the drawing state, your drawings will remain locked in place while scrolling on the canvas.

What is the best technique for keeping drawings visible while scrolling on canvas?

One of the best techniques for keeping drawings visible while scrolling on canvas is to use a fixed position. This can be achieved by setting the position property of the drawing element to fixed in CSS. This will ensure that the drawing stays in place on the screen regardless of whether the rest of the content is scrolled.

Another technique is to use a scroll event listener in JavaScript to detect when the user is scrolling and adjust the position of the drawing element accordingly. This can be done by calculating the current scroll position and updating the position of the drawing element relative to the scroll position.

Additionally, using a combination of CSS styles such as z-index and overflow can help ensure that the drawing remains visible even when the user is scrolling through the canvas. By setting the z-index property of the drawing element to a high value, it will appear above other elements on the page. And by setting the overflow property of the canvas container to auto or scroll, users can scroll within the canvas while keeping the drawing visible.