利用js动态生成一个简单的商品详情页

JavaScript041

利用js动态生成一个简单的商品详情页,第1张

使用jquery： var $div=$('')var content="动态创建的内容"$div.html(content) //会替换所有子元素或文本节点使用javascript：var div = document.createElement('div')var content = document.createTextNode("动态创建的内容")div.appendChild(content)

开始的时候红框框的定位是常规的，也就是static，这时候可以用js获取它到顶部的距离h。然后添加页面滚动事件，检测滚动的高度是否大于h，如果是，就设置红框框的定位为fixed,top为0，如果小于h，就设置定位为static。思路就是这样的