jfinal怎么实现跳转到锚点啊?

如题,传统的跳转方式不行啊?怎么解?

评论区

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时候的地址!

热门反馈

扫码入社