डिजीट मेनू

पर एक लंबवत स्क्रॉल बार कैसे डालें I मेनू बनाना चाहते हैं जिसमें vertical स्क्रॉल बार है।डिजीट मेनू

मैं यह कर की कोशिश की है:

pMenu = new dijit.Menu({ 
      templateString: '<div style="height: 75px; overflow-y: auto; overflow-x:hidden">' + dojo.cache("dijit", "templates/Menu.html") + '</div>' 
     });

जब मैं उस, ऊर्ध्वाधर स्क्रॉल पट्टी दिखाई देता है लेकिन चौड़ाई छोटे करने के लिए है (यह स्क्रॉल बार के लिए चौड़ाई खाते में विस्तार नहीं किया)।

क्या ऐसा करने का कोई बेहतर तरीका है? मैं अनिवार्य रूप से चाहते हैं dijit.menu

स्रोत

2011-04-15 Joe Bienkowski

इस पर एक maxHeight विशेषता सिर्फ एक विचार है कि कैसे आप तत्व स्क्रॉलबार उपस्थिति का पता लगाने सकता है आप को दिखाने के लिए है:

<html> 
    <head> 
     <title>Detect Scrollbars Presence</title> 
     <script type="text/javascript"> 
      function verticalScrollBarExists(id) 
      { 
       var element = document.getElementById(id); 
       oldScrollTop = element.scrollTop; 
       element.scrollTop = 1; 
       if (element.scrollTop > 0) 
       { 
        element.scrollTop = oldScrollTop; 
        document.getElementById('scrollStatus').innerHTML = 'scroll bar visible'; 

        // increase element width 
        element.style.width = '310px'; 
       } 
       else 
       { 
        document.getElementById('scrollStatus').innerHTML = 'scroll bar not visible'; 

        // restore element width 
        element.style.width = '300px'; 
       } 
      } 

      function add() 
      { 
       var element = document.getElementById('testElement'); 
       element.innerHTML = element.innerHTML + ' Stuff'; 
      } 

      function remove() 
      { 
       var element = document.getElementById('testElement'); 
       element.innerHTML = element.innerHTML.substring(0, element.innerHTML.length - 6); 
      } 

      window.onload = function() 
      { 
       setInterval('verticalScrollBarExists("testElement")', 500); 
      }; 
     </script> 
     <style type="text/css"> 
      #testElement 
      { 
       width: 300px; 
       height: 40px; 
       background-color: blue; 
       color: white; 
       overflow: auto; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="testElement">Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff</div> 
     <div id="scrollStatus">Uninitialised</div> 
     <input type="button" onclick="add()" value="Add" /> 
     <input type="button" onclick="remove()" value="Remove" /> 
    </body> 
</html>

स्रोत

2011-09-29 05:21:33 SimonDever

डिजीट मेनू

उत्तर

संबंधित मुद्दे