# Adding continuous scroll to a knowledge base

**URL:** <https://community.hubspot.com/t/adding-continuous-scroll-to-a-knowledge-base/44414>\
**Category:** Knowledge Base Tool\
**Tags:** templates, professional, content\
**Created:** [September 27, 2021, 2:15pm UTC](https://community.hubspot.com/t/adding-continuous-scroll-to-a-knowledge-base/44414 "2021-09-27T14:15:58Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![XAmbridgeLave](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/xambridgelave/32/102945_2.png) [@XAmbridgeLave](https://community.hubspot.com/u/XAmbridgeLave)\
**Post date:** [September 27, 2021, 2:15pm UTC](https://community.hubspot.com/t/adding-continuous-scroll-to-a-knowledge-base/44414/1 "2021-09-27T14:15:58Z")

</div>

Hi Community,

First time posting. I am trying to design my companies knowledge base, and have found that an infinite scroll style would fit perfectly with our articles and content. However, after a quick google I have not managed to find any information on how to implement this. Would anyone be able to help me in this area?

Cheers!

---

<div class="post-metadata">

**Author:** ![natsumimori](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/natsumimori/32/39807_2.png) [@natsumimori](https://community.hubspot.com/u/natsumimori)\
**Post date:** [September 29, 2021, 3:14am UTC](https://community.hubspot.com/t/adding-continuous-scroll-to-a-knowledge-base/44414/2 "2021-09-29T03:14:39Z")

</div>

Thank you for your post @XAmbridgeLave !

Hey @Kevin-C and @jonchim , do you have experience in implementing continuous scroll?

---

<div class="post-metadata">

**Author:** ![jonchim](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jonchim/32/88818_2.png) [@jonchim](https://community.hubspot.com/u/jonchim)\
**Post date:** [September 29, 2021, 12:34pm UTC](https://community.hubspot.com/t/adding-continuous-scroll-to-a-knowledge-base/44414/3 "2021-09-29T12:34:40Z")

</div>

Hey @XAmbridgeLave!

You can try using [https://infinite-scroll.com/](https://infinite-scroll.com/) to wrap your knowledge base listing in.

In the demo you would just replace your article feed with the knowledge base posts

> **[Infinite Scroll · Full page demo](https://infinite-scroll.com/demo/full-page/)**

```lia-code-sample
<div class="knowledge-base-feed">
 <!-- .knowledge-post will be added to .knowledge-base-feed -->
 <div class="knowledge-post">...</div>
 <div class="knowledge-post">...</div>
 ...
</div>

<!-- status elements -->
<div class="scroller-status">
 <div class="infinite-scroll-request loader-ellips">
 ...
 </div>
 <p class="infinite-scroll-last">End of content</p>
 <p class="infinite-scroll-error">No more pages to load</p>
</div>

<!-- pagination has path -->
<p class="pagination">
 <a class="pagination__next" href="page2.html">Next page</a>
</p>

```

---

<div class="post-metadata">

**Author:** ![XAmbridgeLave](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/xambridgelave/32/102945_2.png) [@XAmbridgeLave](https://community.hubspot.com/u/XAmbridgeLave)\
**Post date:** [September 29, 2021, 12:42pm UTC](https://community.hubspot.com/t/adding-continuous-scroll-to-a-knowledge-base/44414/4 "2021-09-29T12:42:20Z")

</div>

Hey Jon, would this require me having a seperate website? or am I able to implement this to our current KB? From a brief inspection it looks like I can set the infinite scroll to sections of the KB and allow for next page for different catagories. This may be the perfect solution if I can get it to work. Thanks!

---

<div class="post-metadata">

**Author:** ![jonchim](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jonchim/32/88818_2.png) [@jonchim](https://community.hubspot.com/u/jonchim)\
**Post date:** [September 29, 2021, 5:27pm UTC](https://community.hubspot.com/t/adding-continuous-scroll-to-a-knowledge-base/44414/5 "2021-09-29T17:27:49Z")

</div>

Hey @XAmbridgeLave,

You should be able to build this right into the hubspot template for your current KB. If you want to send over that code i can take a look to see if it’s doable.

---

<div class="post-metadata">

**Author:** ![XAmbridgeLave](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/xambridgelave/32/102945_2.png) [@XAmbridgeLave](https://community.hubspot.com/u/XAmbridgeLave)\
**Post date:** [September 30, 2021, 9:42am UTC](https://community.hubspot.com/t/adding-continuous-scroll-to-a-knowledge-base/44414/6 "2021-09-30T09:42:45Z")

</div>

Hi @jonchim , When I edit the template or click ‘customize template’ I don’t see any field for entering or editing code. I am new to Hubspot but have got a fairly solid foundation knowledge, so any resources you could point me to would be great!

---

<div class="post-metadata">

**Author:** ![jonchim](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jonchim/32/88818_2.png) [@jonchim](https://community.hubspot.com/u/jonchim)\
**Post date:** [September 30, 2021, 11:41am UTC](https://community.hubspot.com/t/adding-continuous-scroll-to-a-knowledge-base/44414/7 "2021-09-30T11:41:41Z")

</div>

hey @XAmbridgeLave,

ahh I just realized that we created our own manual KB template different than hubspots KB. Apologies, I don’t think there is a way to edit the template at this time. 😞

---

<div class="post-metadata">

**Author:** ![XAmbridgeLave](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/xambridgelave/32/102945_2.png) [@XAmbridgeLave](https://community.hubspot.com/u/XAmbridgeLave)\
**Post date:** [September 30, 2021, 11:50am UTC](https://community.hubspot.com/t/adding-continuous-scroll-to-a-knowledge-base/44414/8 "2021-09-30T11:50:13Z")

</div>

Oh no, is it worth building my own custom template? If I were to build a custom template, would I be able to link this to our hubspot? Not having continuous scroll is not the end of the world, but it would be a cherry ontop of this little project

---

<div class="post-metadata">

**Author:** ![XAmbridgeLave](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/xambridgelave/32/102945_2.png) [@XAmbridgeLave](https://community.hubspot.com/u/XAmbridgeLave)\
**Post date:** [October 15, 2021, 12:54pm UTC](https://community.hubspot.com/t/adding-continuous-scroll-to-a-knowledge-base/44414/9 "2021-10-15T12:54:39Z")

</div>

Hey @jonchim Just wanted to ask if you are able to walk me through your KB template building tool? I think we are willing to put the resources on creating this for ourselves.

---

<div class="post-metadata">

**Author:** ![jonchim](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jonchim/32/88818_2.png) [@jonchim](https://community.hubspot.com/u/jonchim)\
**Post date:** [September 30, 2021, 12:00pm UTC](https://community.hubspot.com/t/adding-continuous-scroll-to-a-knowledge-base/44414/10 "2021-09-30T12:00:29Z")

</div>

Hey @XAmbridgeLave,

Probably not worth it, it’s easier to manage everything in the KB, less chances of something breaking with the system. Hoping HS will let us customize it more in the future though!