@keodesign/logo-scroller

Logo Scroller

This utility class does a scrolling animation that we normally used for sponsor/brand logos CSS to include in the site to complement this functionality.

Class Parameters

• @param {String} containerId container for querying
• @param {String} childrenSelector children selector for querying
• @param {String} direction Can be left or right. The default value is left
• @param {String} speed pixels per ms. The default value is 5

CSS Style

  .slider{
   	display: inline-flex;
   	flex-wrap: nowrap;
   	width: 100%;
   	overflow: hidden;
   	align-items: stretch;
   	.card{
   		//children should have an display inline property
    	}
}

Sample Usage:

import logoScroller from '@keodesign/logo-scroller';
logoScroller('.slider', ".card", "left", 1);

Live Example

• Macc Painting