Namespace: cq-scroll

WebComponents. cq-scroll

Scroll web component <cq-scroll>.

cq-scroll web component creates an scrollable container. This will resize itself when the screen is resized. If perfect-scrollbar is supported then it will be used to replace the native scrollbar

Attributes: cq-no-claim - Do not apply any keystroke capturing. cq-no-maximize - Do not automatically maximize the height (but keep it showing on screen) cq-no-resize - Do not apply any sizing logic.

Use this.dataPortion to dynamically inject items into the list

Since:
  • 6.1.0 added cq-no-claim attribute

Example

<cq-lookup-results>
		 <cq-lookup-filters cq-no-close>
			 <cq-filter class="true">ALL</cq-filter>
			 <cq-filter>STOCKS</cq-filter>
			 <cq-filter>FX</cq-filter>
			 <cq-filter>INDEXES</cq-filter>
			 <cq-filter>FUNDS</cq-filter>
			 <cq-filter>FUTURES</cq-filter>
		 </cq-lookup-filters>
		 <cq-scroll></cq-scroll>

Methods


focused()

Returns the focused element or null. An item is focused if it has attribute cq-focused.

Returns:

The element or null

Type
HTMLElement

scrollToElement(item)

Scroll to the element.

Parameters:
Name Type Description
item HtmlElement

The element to scroll to. Must be a child.