桂花酒酿丸子 的 根据浏览器宽度自动折叠菜单 的贴子看了，很受启发，工程文件下载了，但是没有能成功复现，仔细研究了一下原工程文件，做了几处修改，与格友们分享一下，大家共同研究，还望批评指正。
1.我之所以不能复现，是因为原工程文件中，在页面中嵌入了一个 JS 程序，其源代码如下：
- var func = debounce(layout, 1000);
- function debounce(fn, delay) {
- var timerId;
- return function() {
- clearTimeout(timerId);
- timerId = setTimeout(fn, delay);
- };
- };
- function layout(){
- var width = Forguncy.Page.getCell("ViewWidth").getValue();
- if(width <= 900){
- Forguncy.Page.getCell("NewViewWidth").setValue(width);
- }
- };
- window.onresize = func;
但是其实不用调用浏览器窗口对象的 onresize ，就直接用文本框触发就行，所以，我删掉了这个 JS 文件，这是第一个改动。
2. 原工程文件可以实现宽度缩小后折叠，但是不能实现宽度增大后还原，把这个逻辑补全了
3. 原工程文件宽度触发阈值写在了命令里，我把它移出来了，放到了一个单元格中了，以后只要修改这个单元格的值就可以了，当需要调整触发阈值时，不用再改命令了
4. 原工程文件中命令有一个隐藏了BCDE列，我一开始不明白是为什么，后来知道了，我的习惯是菜单独占一列，宽度为 256，当菜单折叠时，折叠后的菜单宽度是64，剩余了192，就会显示为空白，后续的列不会自动补上这个空白。我把菜单列分为了两列，一列是64，一列是192，当折叠菜单时，把B列隐藏，后面的内容就跟过来了，当菜单还原时，再把隐藏的列显示出来了
桂花酒酿丸子 的原作才是精彩，我这最多算是个狗尾续貂，如有错误，还请批评指正。
工程文件附上：
[前端与美化]_[格友杂谈]_自动缩放菜单demo_修复_20220802_Swejet.fgcc
(941.42 KB, 下载次数: 396)
|
陕公网安备：61019002000258 |
隐私政策 |
网站地图