/** * Author : Lyu * Date : 14/10/25 * Version : 1.0.0 * Subject : 初始化函数模板 * Link : http://www.lianbi.com.cn */ $( document ).ready( function(){ console.log("1"); jump_to_selector(); back_top(); where_is_top_icon(); } ); /** * 跳转至某个选择器上之前 */ var jump_to_selector = function(){ $("#id_jump a").bind( "click" , function(e){ var jump_to = $(this).attr("href"); var $obj = $(jump_to); //console.log( $obj.length ); if( $obj.length > 0 ){ $("html,body").animate({scrollTop:$(jump_to).offset().top},500); e.preventDefault(); } } ); } /** * 返回顶栏 */ var back_top = function(){ $("#back_top").bind("click",function(){ $("html,body").animate({scrollTop:0},500); }); } /** * 计算返回顶栏按钮位置 */ var where_is_top_icon = function(){ $(window).bind("scroll",function(){ change_top_icon(); }); $(window).resize(function(){ change_top_icon(); }); } /** * 改变返回顶栏按钮位置 */ var change_top_icon_status = 0; var change_top_icon = function(){ var $obj = $("#back_top"); var icon_el = { width:40, height:115 } var bw = $(window).width(); var bh = $(window).height(); var st = $(document).scrollTop(); if( st <= 200 ){ $obj.fadeOut("fast"); return; } console.log( st ); if( bw > 1120 + icon_el.width + 60 ){ if( bw - icon_el.width * 2 > 0 ){ $obj.css({ left:1120 + (bw - 1120)/2 + 20, top:bh - icon_el.height - 20 + st }); $obj.fadeIn("slow"); } } else{ $obj.hide(); } }

这是一个jQuery初始化函数模板，主要是用来实现一些常见的网页效果，包括跳转至某个选择器、返回顶部、计算返回顶部按钮位置等。具体实现细节如下：

1. jump_to_selector：实现点击指定链接跳转至页面某个选择器的效果。通过给指定链接绑定点击事件，获取其href属性指向的选择器，使用animate函数实现滚动到指定选择器的效果。

2. back_top：实现点击返回顶部按钮返回页面顶部的效果。给返回顶部按钮绑定点击事件，使用animate函数实现滚动到页面顶部的效果。

3. where_is_top_icon：计算返回顶部按钮的位置。通过给window绑定scroll和resize事件，实时计算返回顶部按钮的位置。

4. change_top_icon：改变返回顶部按钮的位置。根据页面滚动距离和窗口大小计算返回顶部按钮的位置，并使用fadeIn和fadeOut函数实现按钮的渐变效果。

这段代码可以作为网页开发的模板参考，可以根据实际情况进行适当的修改和调整。

相关问题

Module not found: Error: Can't resolve '/components/MyFooter.vue' in 'D:\node.js课件\app\src'

这个错误通常表示在你的代码中引用了一个不存在的文件路径。请检查一下你的代码中是否存在这个路径：/components/MyFooter.vue，并确认这个文件路径是否正确。

如果这个文件确实存在，那么可能是因为你的webpack配置文件出现了问题。你可以检查一下webpack配置文件中的路径是否正确，或者尝试删除node_modules并重新安装依赖，看看是否能解决问题。

env: “/home/lyu/anaconda3/envs/open-cd/bin/python”: 符号连接的层数过多

这个错误通常是由于环境变量中指定的 Python 解释器路径过长而导致的。当符号链接的层数超过系统限制时，就会出现这个错误。要解决这个问题，你可以尝试以下方法之一：

1. 使用绝对路径：使用完整的绝对路径来指定 Python 解释器，而不是使用环境变量。例如，使用 `/usr/bin/python` 或者 `/usr/local/bin/python`。

2. 创建一个新的软链接：将 Python 解释器的路径缩短到一个较短的路径，并在该路径下创建一个新的软链接。例如，可以将 `/home/lyu/anaconda3/envs/open-cd/bin/python` 缩短为 `/opt/python`，然后使用 `ln -s /home/lyu/anaconda3/envs/open-cd/bin/python /opt/python` 创建软链接。

3. 更新系统设置：尝试更新系统设置，以允许更多的符号链接层数。具体的方法可能因操作系统而异，请根据你的操作系统文档进行相关配置。

请注意，这些方法可能需要管理员权限或者对系统文件进行修改，请小心操作。如果你对如何执行这些方法有任何疑问，建议咨询系统管理员或者搜索相关文档以获取更详细的指导。