TypeScript actions.scrollTo函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中messaging/ui/actions.scrollTo函数的典型用法代码示例。如果您正苦于以下问题：TypeScript scrollTo函数的具体用法？TypeScript scrollTo怎么用？TypeScript scrollTo使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了scrollTo函数的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: return

        return ({ getState, dispatch }, { router }) => {
            const { ui } = getState();

            if (ui.isScrolling || !ui.selectedStreamId) {
                return;
            }

            const elements = document.getElementsByClassName('entry');
            const scrollY = window.scrollY + SCROLL_OFFSET;

            for (let i = 0; i < elements.length; i++) {
                const element = elements[i] as HTMLElement;
                if (element.offsetTop > scrollY) {
                    dispatch(uiActions.scrollTo(0, element.offsetTop - SCROLL_OFFSET));
                    return;
                }
            }

            const y = document.documentElement.scrollHeight - window.innerHeight;

            if (window.scrollY === y) {
                const stream = dispatch(getSelectedStream);

                if (stream && stream.continuation) {
                    dispatch(streamActions.fetchMoreEntries(stream.streamId, stream.continuation, stream.fetchOptions));
                }
            } else {
                dispatch(uiActions.scrollTo(0, y));
            }
        };

开发者ID:emonkak，项目名称:feedpon，代码行数:30，代码来源:commandTable.ts

示例2: dispatch

                        }
                    }
                } else {
                    dispatch(streamActions.fetchFullContent(entry.entryId, entry.url));
                }
            }
        };
    }
};

export const gotoFirstLine: Command<{}> = {
    name: 'Go to first line',
    description: 'Scroll to first line.',
    defaultParams: {},
    action() {
        return uiActions.scrollTo(0, 0);
    }
};

export const gotoLastLine: Command<{}> = {
    name: 'Go to last line',
    description: 'Scroll to last line.',
    defaultParams: {},
    action() {
        return uiActions.scrollTo(
            0,
            document.documentElement.scrollHeight - document.documentElement.clientHeight
        );
    }
};

开发者ID:emonkak，项目名称:feedpon，代码行数:30，代码来源:commandTable.ts

注：本文中的messaging/ui/actions.scrollTo函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。