首页
App
&
Coffee
文档
项目
分享
反馈
俱乐部
登录
注册
jfinal怎么实现跳转到锚点啊?
RobinTT
2017-12-07 15:39
如题,传统的跳转方式不行啊?怎么解?
项目:
JFinal
2
评论区
JFinal
2017-12-07 17:45
跳转到锚点纯属前端可控范围,在url 中直接添加锚点即可
回复
RobinTT
2017-12-08 21:33
@JFinal
render("/html/user/message.jsp#item_1");这样可么?我需要从action直接跳转到锚点
回复
JFinal
2017-12-08 23:33
@RobinTT
跳到锚点处是一个纯前端问题,后端任何框架都没法控制
跳到锚点在前端有两种办法:
1:javascript 代码跳
2:用户点击了一个带有锚点的超链接
后端 web 框架仅仅只能渲染出模板的内容,并不能控制跳转
回复
杜福忠
2017-12-08 23:46
你可以页面加载完后,调用js 进行跳转:
$(document).ready(function(){
//走你, 比如后台用setArr(xx...
scrollTo('.${xxx}');
});
送你个 JS函数:
/**点击滑动到某个位置
1.滑动id为item 用法: scrollTo('#item',300);
2.滑到某个标签item 用法: scrollTo('.item');
* */
function scrollTo(ele, speed){
if(!speed) speed = 300;
if(!ele){
$("html,body").animate({scrollTop:0},speed);
}else{
if(ele.length>0) $("html,body").animate({scrollTop:$(ele).offset().top},speed);
}
return false;
}
//------------------
建议使用 Jfinal模版引擎Enjoy , 感觉好到爆!
如果是其他原因导致你不能直接使用, 你可以使用:
JFinal使用技巧-在JSP中使用Enjoy
回复
RobinTT
2017-12-09 23:11
@JFinal
懂了,感谢~
回复
RobinTT
2017-12-09 23:12
@杜福忠
感谢分享,我试试~
回复
RobinTT
2017-12-10 00:44
@JFinal
实现了!居然可以直接跳转,从一个带#item的超链接访问actio查询数据,然后返回目标页面,可以使用
if(!location.hash){
location.href=location.href;
}
这样直接进行跳转了,不知道这个方法是否合适!!!
这里获取到的location.href是第一个页面访问action时候的地址!
回复
发送
我要反馈
热门反馈
扫码入社