jquery下拉到某个固定位置然后某些元素发生改变样式状态 -- [页面特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

jquery下拉到某个固定位置然后某些元素发生改变样式状态

2022/5/30 21:01:03 字体:大中小浏览 1531

我觉得下面这个方法好

jQuery(document).ready(function(){
    var loaded = false;
    function show(){
        var top = jQuery("#comments").offset().top;
        if(!loaded && jQuery(window).scrollTop() + jQuery(window).height() > top ){
            console.log("显示");
        }else{
            console.log("隐藏");
        }
    }
    jQuery(window).scroll(show);
});

这个方法测试时还算可以
<script>
//获取这个固定的位置到顶部的距离
var heights=$('form').offset().top;
//获取这个位置的高度
var myheight=$('form').outerHeight(true);
//获取当前的位置到顶部的距离
var juli=$(window).scrollTop();
//获取浏览器的高度
var liulan=$(window).height();
if(heights-liulan>=juli){
$('button').html('<a href="#004" class="body_title_can_b">前去購買</a>');
$('.button_t').html('<div class="time">距結束 <span id="_h">00</span>:<span id="_m">00</span>:<span id="_s">00</span>:<span id="_ms">00</span></div><h2>2件7折，3件5.5折</h2>')
}
else{
$('button').html('提交訂單');
$('.button_t').html('NT$ <span class="div_rmb">1298</span>')
}
$(window).scroll(function(){
var juli=$(window).scrollTop();
if(heights-liulan>=juli){
$('button').html('<a href="#004" class="body_title_can_b">前去購買</a>');
$('.button_t').html('<span class="time">距結束 <span id="_h">00</span>:<span id="_m">00</span>:<span id="_s">00</span>:<span id="_ms">00</span></span><h2>2件7折，3件5.5折</h2>')
}
else{
$('button').html('提交訂單');
$('.button_t').html('NT$ <span class="div_rmb">1298</span>')

}
})

</script>

前一页:没有了

后一页:canvas绘制的文字如何换行

相关阅读: 连云港华夏国际旅行社有限公司; uni-app自定义组件调用; 名扬石化设备; 网站内容中某个关键字相关右键菜单; 网易评论的盖楼样式; 有利于搜索引擎的一些常用的CSS命名规则; 深山行者留言系统V3.0 发布; 网站管理后台

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery下拉到某个固定位置然后某些元素发生改变样式状态; canvas绘制的文字如何换行; 兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）; js兼容多个浏览器右下角漂浮广告; 兼容ie6+和火狐的禁止右键; 做在线客服时，聊天窗口的div滚动条始终在底部

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 百度小程序开发第一坑tcomponent自定义组件命名坑Compile san component failed. . [SAN ERROR] ROOT>swan-custom-component>view>千万不要用下划线作为自定义组件名; 圣诞节12.5号，卡通形象留言板模板; 利用ResponseXML的方法调用163天气预报; 非常不错的DIV+CSS做得菜单,跟JS效果一样,特别酷; 深山工作室; 微信公众号回复文本消息或用客服接口推送文本消息

更多标签热门标签

点击网站地图等高多选 cpu 留言次数 csss 汉字底部标语强聊素材客户端连云港旅游应用商城系统设计 Java 管理系统 asp.net 模仿 DropShadow 彩色布局 PSD 转换 eof asp onload 弹出 Abandon openwin 自适应高度样式缩放脚本自动获取繁体变化 ewebeditor 目标缩小 expression rss 墙界面三级翻滚 CSS滤镜