Skip to content

update(examples): optimize the user experience of expanding and colla... #612

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open

kohaiy wants to merge 2 commits into Happy-Coding-Clans:master

from kohaiy:patch-2

Open

update(examples): optimize the user experience of expanding and colla... #612

Changes from all commits

Commits

Show all changes

Select commit Hold shift + click to select a range

update(examples): optimize the user experience of expanding and colla...

kohaiy Jan 13, 2024

Update demo-block.vue

kohaiy Jan 14, 2024

File filter

Filter by extension

Conversations

Jump to

Jump to file

Failed to load files.

Loading

Diff view

Diff view

18 changes: 17 additions & 1 deletion examples/src/comp/demo-block.vue

Show comments View file Open in desktop

Original file line number	Diff line number	Diff line change
Expand Up		@@ -33,7 +33,7 @@
		class="demo-block-control"
		:style="{ width: getDemoBlockControlWidth }"
		:class="{ 'is-fixed': fixedControl }"
	@click="isExpanded = !isExpanded"
	@click="handleChangeExpand"
		>
		<i
		:class="['arraw-slide-icon', iconClass, { hovering: hovering }]"
Expand Down Expand Up		@@ -172,6 +172,22 @@ export default {
		this.isDemoRendered = true;
		}
		},
	handleChangeExpand() {
	this.isExpanded = !this.isExpanded
	if (!this.isExpanded && this.$refs.meta) {
	let height = 0

	if (this.fixedControl)
	height = window.innerHeight - (this.$refs.meta.getBoundingClientRect().top ?? 0) - 44 - 40
	else
	height = this.$refs.meta.getBoundingClientRect().height

	window.scrollTo({
	top: window.scrollY - height,
	behavior: 'instant',
	})
	}
	},
		// scroll handler
		scrollHandler() {
		const { top, bottom, left } =
Expand Down