Library Documentation

Namespace: cq-scroll

WebComponents. cq-scroll

Scroll web component <cq-scroll>.

cq-scroll web component creates a scrollable container. This will resize itself when the screen is resized. If CIQ.UI.scrollbarStyling is initialized to a scrollbar implementation (e.g. PerfectScrollbar) 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>
</cq-lookup-results>

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.