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.