现在的位置: 首页 > 综合 > 正文

页面动态设置锚点方法

2018年09月27日 ⁄ 综合 ⁄ 共 559字 ⁄ 字号 评论关闭

1、页面动态设置锚点,可以根据页面的不同点击位置设置图片。使用案例,在底部有视频播放区域,点击某个视频进入视频播放并且页面刷新后自动跳转到描点位置。

    <script>
        function pageNametop() {
            //从这里得到video的id
            var a = location.href;

            if (a.indexOf("videoid") < 0) {
                return;
            }
            
            var b = a.split("=");

            //  var c = b.slice(b.length - 1, b.length).toString(String).split("_");
            //得到最后一个
            return b.slice(-1);
         
        }
        function daohangcss() {
            var pagenametop = pageNametop();
        
            if (pagenametop == null) {

            }
            else {
                window.location.href = "default.aspx?projectid=<%=OneModel.ID %>&videoid=" + pagenametop
            + "#maodian" + pagenametop;
            }


        }
        window.onload = function winread() {
            daohangcss();
        }
    </script>

这里的锚点可以静态的设置在某个位置。这种方式自动将跳转到动态锚点附近。

抱歉!评论已关闭.