我有这个input元素:
<input type="text" class="textfield" value="" id="subject" name="subject">
然后我有一些其他元素,如其他文本输入,textareas等.
当用户点击它input时#subject,页面应滚动到页面的最后一个元素,并带有漂亮的动画.它应该是一个滚动到底部而不是顶部.
页面的最后一项是一个submit按钮,其中包含#submit:
<input type="submit" class="submit" id="submit" name="submit" value="Ok, Done.">
动画不应该太快,应该是流畅的.
我正在运行最新的jQuery版本.我更喜欢不安装任何插件,但使用默认的jQuery功能来实现这一点.
我在JavaScript中完成了以下代码,将焦点放在特定元素上(branch1是一个元素),
document.location.href="#branch1";
但是因为我也在我的网络应用程序中使用jQuery,所以我想在jQuery中执行上面的代码.我试过但不知道为什么它不起作用,
$("#branch1").focus();
上面的jquery(focus())代码不适用于div,而如果我尝试使用textbox相同的代码,那么它的工作,
请告诉我,如何使用jQuery将重点放在div elemnt上？
谢谢!
我有一个小的Vue.js SPA,其中包含以下路由器配置,取自文档:
export default new VueRouter({
routes, // defined above...
mode: 'history',
scrollBehavior(to, from, savedPosition) {
if (to.hash) {
return { selector: to.hash }
} else if (savedPosition) {
return savedPosition;
} else {
return { x: 0, y: 0 }
}
}
})
考虑主页上的链接:
<router-link to="#services">Services</router-link>
它<div id="services">...</div>按预期跳转到锚元素.但是,当您激活链接,然后滚动#services并刷新页面时,您将不会被带回#services.你将保持在你离开的位置,即使URL仍然有哈希(例如以形式app.dev/#services).
我如何配置路由器,以便在页面加载时,它将用户带到锚元素,假设URL包含其哈希(并且,该哈希对应于有效的现有元素)？
我是html/javascript的新手,当用户在文本框中输入值时,我试图将焦点放在html元素内的文本/单词上.
<input type="text" id="search">
<input type="button" id="button" onsubmit="searchKey" value="Find">
<div>
<p>some text here</p>
</div>
因此,如果用户在输入框中输入"text",它应与文本匹配并关注它